当前位置: 代码迷 >> Web前端 >> 对select进展操作
  详细解决方案

对select进展操作

热度:253   发布时间:2012-10-08 19:54:56.0
对select进行操作

下面列举Javascript 操作select的一一般步骤。

1.动态删除select中的所有options:
function deleteAllOptions(sel){
sel.options.length=0;
}
2.动态删除select中的某一项option:
function deleteOption(sel,indx){
sel.options.remove(indx);
}
3.动态添加select中的项option:
function addOption(sel,text,value){
sel.options.add(new Option(text,value));
}

4.删除select中选中的项???
function removeSelectedItem(obj) {???????
???? var length = obj.options.length - 1;???
???? for(var i = length; i >= 0; i--){???
???????? if(obj[i].selected == true){????
???????????? obj.options[i] = null;???
???????? }???
???? }???
}??????
???
5.得到select的当前选中项的text???
var currSelectText = objSelect.options[document.all.objSelect.selectedIndex].text;????
??????
6.得到select的当前选中项的Index???
var currSelectIndex = objSelect.selectedIndex;????

其中需要注意的是,删除多个Item选项时,需要考虑Options索引的问题,删除索引小的Option时,序号顺序会自动往下递减,这是删除后面的Item时,就会因为索引不对应,造成删除有误,所以需要倒叙排序进行删除操作。

  相关解决方案