欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-20 21:08:15
...
如下所示:
复制代码 代码如下:

//动态删除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 select Option