JS动态添加与删除select中的Option对象(示例代码)
更新时间：2013年12月20日 09:36:57 作者：
本篇文章主要介绍了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");
}
您可能感兴趣的文章:
- JavaScript操作select元素和option的实例代码
- javascript操作select元素实例分析
- 获取select元素被选中的文本内容的js代码
- js querySelector和getElementById通过id获取元素的区别
- js获取当前select 元素值的代码
- js 获取当前select元素值的代码
- JavaScript Select和Option列表元素上下左右移动
- extjs 列表框(multiselect)的动态添加列表项的方法
- JS对HTML标签select的获取、添加、删除操作
- 使用js对select动态添加和删除OPTION示例代码
- JavaScript实现将数组数据添加到Select下拉框的方法
- JS & JQuery 动态添加 select option
- JavaScript实现向select下拉框中添加和删除元素的方法
相关文章
这篇文章主要为大家详细介绍了Js和VUE实现跑马灯效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
JavaScript–Apple设备检测示例代码。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了JavaScript进度管理，对进度管理感兴趣的同学，可以参考下2021-04-04
这篇文章主要介绍了Ajax请求时无法重定向的问题解决代码详解，当使用Ajax请求时，如果后台进行重定向到其他页面时是无法成功的，只能在浏览器地址栏输入才能够实现重定向。下面我们来看看解决方法吧2019-06-06
详解MVC如何使用开源分页插件（shenniu.pager.js）
本文主要分享了shenniu.pager.js整个插件内容，不多且清晰。具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
这篇文章主要介绍了JavaScript实现两个select下拉框选项左移右移功能，js实现下拉框元素互相移动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
静态页面中用js获取页面参数的一些属性方法，具体的获取参数，可以搜索本站以前的一些文章。2009-04-04
用Javascript判断图片大小，其实只要写一个简单的函数就可以了，使用其他语言进行判断，过程比较复杂，用 Javascript 判断轻松搞定2014-11-11
String 的扩展方法集合，可以是javascript对string的功能更多2008-06-06
这篇文章主要介绍了uni-app小程序实现微信在线聊天（私聊/群聊）,今天记录一下项目核心功能的实现过程。页面UI以及功能逻辑全部来源于微信，即时聊天业务的实现使用socket.io，前端使用uni-app开发，后端服务器基于node实现，数据库选择mongoDB，需要的朋友可以参考下2023-02-02
最新评论