五一七教育网

全部频道

您的当前位置：首页JS动态添加与删除select中的Option对象(示例代码)_javascript技巧

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

来源：五一七教育网


如下所示：
代码如下:
//动态删除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");
}

显示全文