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

Javascript教程 2025-08-10

如下所示:

复制代码代码如下:

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

}