当前位置:Gxlcms > JavaScript > JS动态添加与删除select中的Option对象(示例代码)_javascript技巧

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

时间:2021-07-01 10:21:17 帮助过:5人阅读

如下所示:
代码如下:

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

人气教程排行