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下拉框中添加和删除元素的方法
相关文章
这篇文章主要介绍了浅析JavaScript中的变量复制、参数传递和作用域链 的相关资料,需要的朋友可以参考下2016-01-01
如何在CocosCreator中使用http和WebSocket
这篇文章主要介绍了在Cocos Creator中使用的Http和WebSocket，对websocket感兴趣的同学，一定要看下2021-04-04
这篇文章主要介绍了js图片查看器插件用法,结合实例形式分析了图片查看器插件viewer.js简单使用技巧,需要的朋友可以参考下2019-06-06
昨天我问一美工jQuery怎么样了，他说简单的还可以，复杂的就不行了，我又问是哪种程度的复杂？2010-11-11
写js时遇到的一些小问题,需要的朋友可以参考下。2010-12-12
用Javascript 和 CSS 实现脚注（Footnote）效果
脚注（Footnote）是向用户提供更多信息的一个最佳途径，也是主体信息的一个有效补充，常见于各种印刷书籍中。2009-09-09
下面小编就为大家带来一篇js动态添加的DIV中的onclick事件简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
这篇文章主要介绍了使用Javascript写的2048小游戏的相关资料,需要的朋友可以参考下2015-11-11
本节为大家介绍的是用JS实现列表与多选框选择，并附gif演示动画，这个例子很详细，大家可以看看2014-10-10
这篇文章主要为大家介绍了js html5获取input焦点的输入框并赋值实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
最新评论