zoukankan
html css js c++ java
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
1
判断select选项中 是否存在Value="paraValue"的Item
2
向select选项中 加入一个Item
3
从select选项中 删除一个Item
4
删除select中选中的项
5
修改select选项中 value="paraValue"的text为"paraText"
6
设置select中text="paraText"的第一个Item为选中
7
设置select中value="paraValue"的Item为选中
8
得到select的当前选中项的value
9
得到select的当前选中项的text
10
得到select的当前选中项的Index
11
清空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
;
查看全文
相关阅读:
[OpenCV] Ptr类模板
[OpenCV]Mat类详解
[C++] Vector用法
[OpeCV] highgui头文件
c++中的.hpp文件
【2017】KK English
CMake Tutorial & Example
[g2o]C++图优化库
Teradata基础教程中的数据库试验环境脚本
Oracle中对象权限与系统权限revoke
原文地址:https://www.cnblogs.com/yidianfeng/p/1508357.html
最新文章
设计模式之桥接模式
设计模式之适配器模式
设计模式之建造者模式
设计模式之原型模式
设计模式之单例模式
设计模式之抽象工厂模式
设计模式之工厂方法模式
设计模式之简单工厂模式
设计模式开篇综述(Java)
设计原则之开闭原则
热门文章
expect 实现本地到远程的scp
【转载】惊天大悲剧-Hadoop的rmr和trash
【转载】How long is “too long” for MySQL Connections to sleep?
【转载】深入理解PHP Opcode缓存原理
php函数-shuffle
网页乱码需要注意的地方
PHP 抽象类,接口,抽象方法,静态方法
PHP设计模式-代理模式
PHP设计模式-迭代器模式
PHP设计模式-装饰器模式
Copyright © 2011-2022 走看看