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?
}
}
?
上一篇:关于SqlDataReader关闭后的connection关闭的做法~
?
下一篇:实现年月日下拉菜单的javascript代码示例~
Feedback
#1楼 回复 引用
2007-08-14 16:21 by
我希望[未注册用户]
好东西啊,受益了,顶一下
#2楼 回复 引用
2007-08-31 10:27 by
pan[未注册用户]
拔错,谢谢啦啊!!!
#3楼 回复 引用 查看
2007-09-04 09:48 by 骆驼祥子
顶
#4楼
回复 引用
2007-09-04 11:18 by Paple[未注册用户]
总结的很好,长见识了。。。
#5楼 回复
引用
2007-10-07 23:31 by
s-fish[未注册用户]
受益匪浅谢谢楼主总结这么好的东东
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?
分享到:
相关推荐
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等) JavaScript 1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item...
JavaScript的一些教程和参考手册: JavaScript 语言参考.chm JavaScript帮助教程.chm JAVASCRIPT教程手册.chm javascript手册.CHM ...Javascript 操作select控件大全.txt 欢迎大家下载,希望对你有用!
这篇文章主要介绍了Javascript操作select控件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 新增、修改、删除、选中、清空、判断存在等 1、判断...
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
JavaScript 技术: select2控件选择多个数据,以及回显数据的方法 。
web系统前端的处理中,很多时候都要用到select控件,本js文件就包含了处理select控件常用操作的函数
几种js操作select控件的方法,这里基本是整理的比较全了,另外脚本之家特给大家准备了一些相关的文章。让你更深入的了解javascript下select的操作。
几个经典JavaScript控件, 表格格式的树示例 带合计行的grid表格 Select的JavaScript实现
由于html的Select元素式样不更改,自已用Javascript写了DropDownList控件,支持分组.调用相当方便,不用更改原来的HTML结构.调用方法:DropDownList.bind(selectId).例如: --------------------------------- ...
个是比较齐全的select操作代码了,大家可以根据需要调用了
主要介绍了JavaScript用select实现日期控件的相关资料,需要的朋友可以参考下
JavaScript为select添加option ... //创建select控件 var _select = document.createElement(SELECT); //添加选项 for(var i=1; i<=10; i++){ var _option = new Option(i,i); _select.options.add(_o
几乎HTML所有标记都可以说是HTML的控件,如select, input, div, table等。html标签便捷的操作,深受大家的喜欢。如何使用javascript来操作HTML控件,下面我介绍下比较麻烦的几个控件
javascript select中内容互相移动
JQ JS javascript bootstrap 带搜索 下拉框 select