zoukankan
html css js c++ java
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
js 代码
//
1.判断select选项中 是否存在Value="paraValue"的Item
function
jsSelectIsExitItem(objSelect, objItemValue)
{
var
isExit
=
false
;
for
(
var
i
=
0
; i
<
objSelect.options.length; i
++
)
{
if
(objSelect.options[i].value
==
objItemValue)
{
isExit
=
true
;
break
;
}
}
return
isExit;
}
//
2.向select选项中 加入一个Item
function
jsAddItemToSelect(objSelect, objItemText, objItemValue)
{
//
判断是否存在
if
(jsSelectIsExitItem(objSelect, objItemValue))
{
alert(
"
该Item的Value值已经存在
"
);
}
else
{
var
varItem
=
new
Option(objItemText, objItemValue);
objSelect.options.add(varItem);
alert(
"
成功加入
"
);
}
}
//
3.从select选项中 删除一个Item
function
jsRemoveItemFromSelect(objSelect, objItemValue)
{
//
判断是否存在
if
(jsSelectIsExitItem(objSelect, objItemValue))
{
for
(
var
i
=
0
; i
<
objSelect.options.length; i
++
)
{
if
(objSelect.options[i].value
==
objItemValue)
{
objSelect.options.remove(i);
break
;
}
}
alert(
"
成功删除
"
);
}
else
{
alert(
"
该select中 不存在该项
"
);
}
}
//
4.删除select中选中的项
function
jsRemoveSelectedItemFromSelect(objSelect)
{
var
length
=
objSelect.options.length
-
1
;
for
(
var
i
=
length; i
>=
0
; i
--
)
{
if
(objSelect[i].selected
==
true
)
{
objSelect.options[i]
=
null
;
}
}
}
//
5.修改select选项中 value="paraValue"的text为"paraText"
function
jsUpdateItemToSelect(objSelect, objItemText, objItemValue)
{
//
判断是否存在
if
(jsSelectIsExitItem(objSelect, objItemValue))
{
for
(
var
i
=
0
; i
<
objSelect.options.length; i
++
)
{
if
(objSelect.options[i].value
==
objItemValue)
{
objSelect.options[i].text
=
objItemText;
break
;
}
}
alert(
"
成功修改
"
);
}
else
{
alert(
"
该select中 不存在该项
"
);
}
}
//
6.设置select中text="paraText"的第一个Item为选中
function
jsSelectItemByValue(objSelect, objItemText)
{
//
判断是否存在
var
isExit
=
false
;
for
(
var
i
=
0
; i
<
objSelect.options.length; i
++
)
{
if
(objSelect.options[i].text
==
objItemText)
{
objSelect.options[i].selected
=
true
;
isExit
=
true
;
break
;
}
}
//
Show出结果
if
(isExit)
{
alert(
"
成功选中
"
);
}
else
{
alert(
"
该select中 不存在该项
"
);
}
}
//
7.设置select中value="paraValue"的Item为选中
document.all.objSelect.value
=
objItemValue;
//
8.得到select的当前选中项的value
var
currSelectValue
=
document.all.objSelect.value;
//
9.得到select的当前选中项的text
var
currSelectText
=
document.all.objSelect.options[document.all.objSelect.selectedIndex].text;
//
10.得到select的当前选中项的Index
var
currSelectIndex
=
document.all.objSelect.selectedIndex;
//
11.清空select的项
document.all.objSelect.options.length
=
0
;
查看全文
相关阅读:
『数学』--数论--组合数+卢卡斯定理+扩展卢卡斯定理
Lucene高亮
Linux 计划任务
Lucene.net(4.8.0) 学习问题记录二: 分词器Analyzer中的TokenStream和AttributeSource
Asp.net Core 异步调用 Task await async 的梳理
Asp.net core 中的依赖注入
Lucene.net(4.8.0) 学习问题记录一:分词器Analyzer的构造和内部成员ReuseStategy
Git 使用篇二:小组协作开发
Git 使用篇二:搭建远程服务器
Git 使用篇一:初步使用GitHub,下载安装git,并上传项目
原文地址:https://www.cnblogs.com/sunfeiwto/p/1334910.html
最新文章
整数反转
AOP 的利器:ASM 3.0 介绍
Github最流行的10,000个Java项目使用的类库
成为Java GC专家(4) — Apache的MaxClients参数详解及其在Tomcat执行FullGC时的影响
JVM性能优化, Part 5:Java的伸缩性
Spring + EHcache配置
Java异常的面试问题及答案-Part 1
单例模式中为什么用枚举更好
如何使用建造者模式(Builder Pattern)创建不可变类
100个高质量Java开发者博客
热门文章
什么是静态(static)?什么是静态方法,静态变量,静态块和静态类?
图论--拓扑排序--HDU-1285确定比赛名次
图论--最大团问题
数学--数论--容斥定理完全解析(转)
数论--费马小定理求逆元
数论--模板整理
数论--康托展开与逆康托展开模板
数学--数论--康托展开与逆康托展开
2019年广东工业大学腾讯杯新生程序设计竞赛(同步赛)E-缺席的神官
数学--数论--组合数(卢卡斯+扩展卢卡斯)模板
Copyright © 2011-2022 走看看