JS动态添加与删除select中的Option对象(示例代码)
作者:
本篇文章主要介绍了JS动态添加与删除select中的Option对象示例代码。需要的朋友可以过来参考下,希望对大家有所帮助
如下所示:
//动态删除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");
}
复制代码 代码如下:
//动态删除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");
}
您可能感兴趣的文章:
- jquery动态添加以及遍历option并获取特定样式名称的option方法
- 利用js给datalist或select动态添加option选项的方法
- jQuery动态产生select option下拉列表
- JQuery动态添加Select的Option元素实现方法
- JS 通过系统时间限定动态添加 select option的实例代码
- JS & JQuery 动态添加 select option
- js动态改变select选择变更option的index值示例
- 动态添加option及createElement使用示例
- jquery动态添加option示例
- 使用js对select动态添加和删除OPTION示例代码
- JS动态添加option和删除option(附实例代码)
- javascript 动态设置已知select的option的value值的代码
- javascript 动态创建 Option选项
- js或jquery动态输出select option的实现代码