站长资源网络编程

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

整理:jimmy2026/10/15浏览2次
简介如下所示:复制代码 代码如下://动态删除select中的所有options: function delAllOptions(){ document.getElementById("user_dm").options.length=0; } //动态删除select中的某一项
如下所示:
复制代码 代码如下:
//动态删除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"); 
}