下面列举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时,就会因为索引不对应,造成删除有误,所以需要倒叙排序进行删除操作。