`
jaw111
  • 浏览: 31061 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

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

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics