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