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 相关文章推荐
DOM_window对象属性之--clipboardData对象操作代码
Feb 03 Javascript
Jquery使用val方法读写value值
May 18 Javascript
实例讲解避免javascript冲突的方法
Jan 03 Javascript
JS获取元素多层嵌套思路详解
May 16 Javascript
javascript学习之json入门
Dec 22 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
Feb 12 Javascript
详解Vue 全局引入bass.scss 处理方案
Mar 26 Javascript
webpack自动打包和热更新的实现方法
Jun 24 Javascript
Element ui 下拉多选时新增一个选择所有的选项
Aug 21 Javascript
vue递归组件实战之简单树形控件实例代码
Aug 27 Javascript
在Vue mounted方法中使用data变量详解
Nov 05 Javascript
解决vue 退出动画无效的问题
Aug 09 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通用检测函数集合
2011/02/08 PHP
php中数组首字符过滤功能代码
2012/07/31 PHP
Zend Framework框架中实现Ajax的方法示例
2017/06/27 PHP
Gambit vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
在网页中控制wmplayer播放器
2006/07/01 Javascript
JavaScript Timer实现代码
2010/02/17 Javascript
JQuery小知识
2010/10/15 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
2014/08/30 Javascript
js与css实现弹出层覆盖整个页面的方法
2014/12/13 Javascript
JavaScript日期时间与时间戳的转换函数分享
2015/01/31 Javascript
基于jQuery实现返回顶部实例代码
2016/01/01 Javascript
vue.js中$watch的用法示例
2016/10/04 Javascript
JS获得多个同name 的input输入框的值的实现方法
2017/01/09 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
2017/02/10 Javascript
微信小程序实战之登录页面制作(5)
2020/03/30 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
2017/09/25 Javascript
jquery分页插件pagination使用教程
2018/10/23 jQuery
解决layui富文本编辑器图片上传无法回显的问题
2019/09/18 Javascript
[06:21]2014DOTA2国际邀请赛 庆祝VG首阶段领跑;B叔为挣牛排半夜整理情报
2014/07/13 DOTA
[38:44]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第二局
2016/02/25 DOTA
[52:06]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python转换摩斯密码示例
2014/02/16 Python
Python利用flask sqlalchemy实现分页效果
2020/08/02 Python
Python中整数的缓存机制讲解
2019/02/16 Python
python按行读取文件并找出其中指定字符串
2019/08/08 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
CSS3 RGBA色彩模式使用实例讲解
2016/04/26 HTML / CSS
波比布朗英国官网:Bobbi Brown英国
2017/11/13 全球购物
哪些情况下不应该使用索引
2015/07/20 面试题
为什么UNION ALL比UNION快
2016/03/17 面试题
体育专业大学生职业生涯规划范文:打造自己的运动帝国
2014/09/12 职场文书
详解Go语言运用广度优先搜索走迷宫
2021/06/23 Python
SpringBoot集成Redis的思路详解
2021/10/16 Redis
MySQL慢查询优化解决问题
2022/03/17 MySQL
Python采集爬取京东商品信息和评论并存入MySQL
2022/04/12 Python
PostgreSQL之连接失败的问题及解决
2023/05/08 PostgreSQL