JS动态添加与删除select中的Option对象(示例代码)

151 阅读 0 评论 100 点赞

我是靠谱客的博主震动灰狼，最近开发中收集的这篇文章主要介绍JS动态添加与删除select中的Option对象(示例代码)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如下所示：

复制代码代码如下:

//动态删除select中的所有options：   
function delAllOptions(){  
      document.getElementById("user_dm").options.length=0;   
}  

//动态删除select中的某一项option：    
function delOneOption(index){  
      document.getElementById("user_dm").options.remove(index);   
}  
// 动态添加select中的项option:    
function addOneOption(){  
      //document.getElementById("user_dm").options.add(new Option(2,"mytest"));    

   var selectObj=document.getElementById("user_dm");  
   alert(selectObj.length);  
   selectObj.options[selectObj.length] = new Option("mytest", "2");  
}  