用javascript操作select

在进行网页开发的过程中，我们常常会用到select 这个元素。在用asp.net进行开发时，服务器端控件DropDownList和ListBox在发送到客户端时，也是被转化成select元素的。有些时候，我们希望在客户端用代码对其进行一些操作，这当然就想到用javascript操作select 了。下面对其作一个总结：

1、判断select是否有项目被选中：

if(objSelect.selectedIndex == -1) 
...{
 //说明没有被选中的项目
 } 
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;
}

4、增加新的项目：

var text="项目显示文本";
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;

7、判断索引为i的项目是否被选中：

if(objSelect.options[i].selected)
...{
  //选中
}
else
...{
  //未选中
}

8、移除索引为i的项目：

objSelect.remove(i);