动态添加与删除select中Option对象的JS脚本

发布时间:2020-06-18编辑:脚本学堂
分享一个js脚本,实现动态添加与删除select中的option对象,简单实用,用来操作option选项很不错。有需要的朋友参考下。

一例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"); 
}

>>> 您可能感兴趣的文章:
JS动态添加与删除option选项的代码
javascript操作Select options集合的实例介绍
Js动态添加select的option选项的代码
Js为select下拉列表框添加并选中option的代码
js移动(增加删除)select option的实现代码
js删除select下拉列表框中option选项的多种方法(附代码)
js动态添加与删除 select option的代码
js 添加、修改、删除select中option元素的实现代码
JavaScript 添加option选项的方法