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