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

发布时间：2023-08-31 14:22:15 所属栏目：教程来源：

导读：如下所示：

代码如下:

//动态删除select中的所有options：

function delAllOptions(){

document.getElementById("user_dm").options.length=0;

}

//动态删除select中的某一项opti

如下所示：

代码如下:

//动态删除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");

}

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!