JS动态添加与删除select中的Option对象(示例代码)
更新时间：2013年12月25日 09:42:28 作者：
本篇文章主要介绍了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的实现代码
相关文章
这篇文章主要为大家详细介绍了原生JS实现首页进度加载动画,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
微信小程序表单验证插件WxValidate的二次封装功能（终极版）
这篇文章主要介绍了微信小程序表单验证插件WxValidate的二次封装功能（终极版），文中给大家提到了最终版与前面2版的不同点,需要的朋友可以参考下2019-09-09
下面小编就为大家带来一篇js图片放大镜实例讲解(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了JavaScript中定义类的方式,结合实例形式分析了JavaScript实现面向对象类的定义及使用相关技巧,并附带了四种JavaScript类的定义方式,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了，js中将控件隐藏的方法，以及display的属性，有需要的朋友可以参考一下2013-07-07
今天系统的学了一下javascript的内置对象。2011-08-08
这篇文章主要介绍了前端解决大规模并发请求问题的多种方法,包括按需加载、分页与无限滚动、缓存机制、减少HTTP请求、使用CDN、前端限流、异步加载、预加载、优化资源大小、代码分割以及服务器端渲染或静态站点生成,需要的朋友可以参考下2024-11-11
javascript代码判断按钮是否被点击了在项目中经常会遇到这个需求，今天小编抽点时间给大家分享一段代码关于javascript判断按钮是否被点击的方法，感兴趣的朋友一起学习吧2015-12-12
在小程序中集成redux/immutable/thunk第三方库的方法
这篇文章主要介绍了在小程序中集成redux/immutable/thunk第三方库的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇文章主要为大家详细介绍了JavaScript canvas实现水球加载动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
最新评论