JS动态添加与删除select中的Option对象(示例代码)
2023-06-13 09:15:14 时间
如下所示:
复制代码代码如下:
//动态删除select中的所有options:
functiondelAllOptions(){
document.getElementById("user_dm").options.length=0;
}
//动态删除select中的某一项option:
functiondelOneOption(index){
document.getElementById("user_dm").options.remove(index);
}
//动态添加select中的项option:
functionaddOneOption(){
//document.getElementById("user_dm").options.add(newOption(2,"mytest"));
varselectObj=document.getElementById("user_dm");
alert(selectObj.length);
selectObj.options[selectObj.length]=newOption("mytest","2");
}
相关文章
- 几个js实用代码——动态加载时间、滚动条优化、两个数组转化为map对象等
- js对象数组添加元素
- Next.js 在 Serverless 中从踩坑到破茧重生
- JSON字符串转换成JSON对象的JS代码详解编程语言
- js和java中URI的编码和解码详解编程语言
- JS对象的使用(赋值+复制+克隆+销毁)
- JS history对象的使用
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- 类似框架的js代码
- JS对象介绍
- 远离JS灾难css灾难之js私有函数和css选择器作为容器
- js遍历对象的属性的代码
- Js冒泡事件阻止实现代码
- js获取当前地址JS获取当前URL的示例代码
- js对象转json数组的简单实现案例
- js使用ajax读博客rss示例
- jsObject2String方便查看js对象内容