在进行网页开发的过程中,我们常常会用到select 这个元素。在用asp.net进行开发时,服务器端控件DropDownList和ListBox在发送到客户端时,也是被转化成select元素的。有些时候,我们希望在客户端用代码对其进行一些操作,这当然就想到用javascript操作select 了。下面对其作一个总结:
1、判断select是否有项目被选中:
if
(objSelect.selectedIndex
==
-
1
)
... {
//说明没有被选中的项目
}
else
... {
//说明有选中的项目
}
... {
//说明没有被选中的项目
}
else
... {
//说明有选中的项目
}
2、删除被选中的项目:
objSelect.options[objSelect.selectedIndex]
=
null
;
3、删除所有项目:
while
(objSelect.length
>
0
)
... {
objSelect.options[0] = null;
}
// 或者
for ( var i = objSelect.length - 1 ;i >- 1 ;i -- )
... {
objSelect.options[i] = null;
}
... {
objSelect.options[0] = null;
}
// 或者
for ( var i = objSelect.length - 1 ;i >- 1 ;i -- )
... {
objSelect.options[i] = null;
}
4、增加新的项目:
var
text
=
"
项目显示文本
"
;
var value = " 项目的值 " ;
objSelect.options[objSelect.length] = new Option(text,value);
var value = " 项目的值 " ;
objSelect.options[objSelect.length] = new Option(text,value);
5、修改所选择的项目:
objSelect.options[objSelect.selectedIndex]
=
new
Option(
"新的
项目文本
"
,
"新的
项目值
"
);
6、获取所选项目的文本和值:
//
文本
var text = objSelect.options[objSelect.selectedIndex].text;
// 值
var value = objSelect.options[objSelect.selectedIndex].value;
var text = objSelect.options[objSelect.selectedIndex].text;
// 值
var value = objSelect.options[objSelect.selectedIndex].value;
7、判断索引为i的项目是否被选中:
if
(objSelect.options[i].selected)
... {
//选中
}
else
... {
//未选中
}
... {
//选中
}
else
... {
//未选中
}
8、移除索引为i的项目:
objSelect.remove(i);