JS动态添加与删除select中的Option对象(示例代码)


Posted in Javascript onDecember 20, 2013

如下所示:

//动态删除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 相关文章推荐
javascript parseInt 函数分析(转)
Mar 21 Javascript
Javascript基础知识(二)事件
Sep 29 Javascript
jquery实现ajax加载超时提示的方法
Jul 23 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
Dec 11 Javascript
原生JS实现层叠轮播图
May 17 Javascript
详解wow.js中各种特效对应的类名
Sep 13 Javascript
node中的密码安全(加密)
Sep 17 Javascript
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
Nov 21 Javascript
ES6中Set和Map用法实例详解
Mar 02 Javascript
Element Backtop回到顶部的具体使用
Jul 27 Javascript
vue-amap根据地址回显地图并mark的操作
Nov 03 Javascript
vant 时间选择器--开始时间和结束时间实例
Nov 04 Javascript
js select option对象小结
Dec 20 #Javascript
javascript 按键事件(兼容各浏览器)
Dec 20 #Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 #Javascript
调用HttpHanlder的几种返回方式小结
Dec 20 #Javascript
JQuery实现绚丽的横向下拉菜单
Dec 19 #Javascript
jquery prop的使用介绍及与attr的区别
Dec 19 #Javascript
js获取select选中的option的text示例代码
Dec 19 #Javascript
You might like
php关联数组快速排序的方法
2015/04/17 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
php实现的redis缓存类定义与使用方法示例
2017/08/09 PHP
JS验证身份证有效性示例
2013/10/11 Javascript
浅析JavaScript中的typeof运算符
2013/11/30 Javascript
js原型继承的两种方法对比介绍
2014/03/30 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
node.js中的url.resolve方法使用说明
2014/12/10 Javascript
jQuery实现手机号码输入提示功能实例
2015/04/30 Javascript
js生成随机数的方法实例
2015/10/16 Javascript
使用vue.js开发时一些注意事项
2016/04/27 Javascript
jquery mobile移动端幻灯片滑动切换效果
2020/04/15 Javascript
解决微信二次分享不显示摘要和图片的问题
2017/08/18 Javascript
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
AngularJs 禁止模板缓存的方法
2017/11/28 Javascript
Vue项目添加动态浏览器头部title的方法
2018/07/11 Javascript
分享8个JavaScript库可更好地处理本地存储
2020/10/12 Javascript
Python标准库os.path包、glob包使用实例
2014/11/25 Python
Python获取当前页面内所有链接的四种方法对比分析
2017/08/19 Python
python excel使用xlutils类库实现追加写功能的方法
2018/05/02 Python
使用Python向DataFrame中指定位置添加一列或多列的方法
2019/01/29 Python
python3.6环境安装+pip环境配置教程图文详解
2019/06/20 Python
django 微信网页授权登陆的实现
2019/07/30 Python
关于Python中的向量相加和numpy中的向量相加效率对比
2019/08/26 Python
CSS3毛玻璃效果(blur)有白边问题的解决方法
2016/11/15 HTML / CSS
浅谈cookie和localStorage那些事
2019/08/27 HTML / CSS
html5 兼容IE6结构的实现代码
2012/05/14 HTML / CSS
html5借用repeating-linear-gradient实现一把刻度尺(ruler)
2019/09/09 HTML / CSS
很酷的小工具和电子产品商城:GearBest
2016/11/19 全球购物
人力资源管理专业自荐书
2014/07/07 职场文书
廉政教育的心得体会
2014/09/01 职场文书
校园主题婚礼活动策划方案
2014/09/15 职场文书
生活委员竞选稿
2015/11/21 职场文书
2019大学生实习报告
2019/06/21 职场文书
python实现大文本文件分割成多个小文件
2021/04/20 Python
解析laravel使用workerman用户交互、服务器交互
2021/04/28 PHP