用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);