javascript操作Select标记中options集合

 

//为了不误导 人。自己更新了下这个文章，希望对自己或者其他人有帮助

 

var selectObj = $("selectOne");  //取出一个select 对象

//获取当前选定的option索引 

selectObj .selectedIndex;

//取出第 i 个option的text 和 value 

 selectObj.options[i].text        
 selectObj.options[i].value
 
//初始化 selectObj对象 
selectObj .length = 0;
for(var i=0;i<...){
 selectObj .options[selectObj .length] = new  Option(text, value);
}
//上面的添加 Option 对象 的方式 兼容 IE 和 FF 

  

 

注意到上面创建option项时，使用了Option()构造函数，这个构造函数有两个版本的重载。
1、var option = new Option(text,value); //这里要大写Option()
2、var option = new Option();
       option.text = text;
       option.value=value;
我个人比较喜欢第一种方法来创建option对象。
另外，select标记还有一个比较有用的属性就是selectedIndex，通过它可能获取当前选择的option索引，或通过索引设置指定options集合中哪一项被选择。
   select.selctedIndex = select.options.length-1; //将options集合中最后一项选中
   var selectedItem = select.options(select.selectedIndex);//获取当前选中项
   selectedItem.text; //选中项的文本
   selectedItem.value; //选中项的值

                                                                                                                 ----------作者： Kensonwang

代码下载：

由于作者的某些地方不支持FF,  例如移除一个  Option 对象 ： 原来是colls.remove(i); colls 为存储options的数组

在FF下，我修改为 $("SelectBox").remove(index)；这个是我查看了DHTML文档，发现 Option对象没有 remove

方法，所以需要修改！