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 相关文章推荐
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
May 28 Javascript
Jquery操作radio的简单实例
Jan 06 Javascript
屏蔽相应键盘按钮操作
Mar 10 Javascript
jquery插件validation实现验证身份证号等
Jun 04 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
Dec 24 Javascript
Javascript Event(事件)的传播与冒泡
Jan 23 Javascript
vue中axios解决跨域问题和拦截器的使用方法
Mar 07 Javascript
Vue单页应用引用单独的样式文件的两种方式
Mar 30 Javascript
详解Webpack + ES6 最新环境搭建与配置
Jun 04 Javascript
Vue+Typescript中在Vue上挂载axios使用时报错问题
Aug 07 Javascript
JS数据类型判断的几种常用方法
Jul 07 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
Zend Framework分发器用法示例
2016/12/11 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
php数据库的增删改查 php与javascript之间的交互
2017/08/31 PHP
PHP微信发送推送消息乱码的解决方法
2019/02/28 PHP
使用Modello编写JavaScript类
2006/12/22 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
2013/12/16 Javascript
jquery实现类似淘宝星星评分功能有截图
2014/09/15 Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
2014/10/14 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
javascript中caller和callee详解
2015/08/10 Javascript
JavaScript encodeURI 和encodeURIComponent
2015/12/04 Javascript
直接拿来用的页面跳转进度条JS实现
2016/01/06 Javascript
不能不知道的10个angularjs英文学习网站
2016/03/23 Javascript
深入理解setTimeout函数和setInterval函数
2016/05/20 Javascript
js绘制购物车抛物线动画
2020/11/18 Javascript
利用Vue.js指令实现全选功能
2016/09/08 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
vue实现树形菜单效果
2018/03/19 Javascript
vue+高德地图实现地图搜索及点击定位操作
2020/09/09 Javascript
vant中的toast层级改变操作
2020/11/04 Javascript
[59:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第二局
2016/03/04 DOTA
python实现ID3决策树算法
2017/12/20 Python
python3调用R的示例代码
2018/02/23 Python
浅谈Python的list中的选取范围
2018/11/12 Python
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
Python+OpenCV图片局部区域像素值处理改进版详解
2019/01/23 Python
python使用pygame模块实现坦克大战游戏
2020/03/25 Python
python实现网站用户名密码自动登录功能
2019/08/09 Python
css3 条纹化和透明化表格Firefox下测试成功
2014/04/15 HTML / CSS
阿玛尼化妆品美国官网:Giorgio Armani Beauty
2017/02/02 全球购物
Chemist Warehouse中文网:澳洲连锁大药房
2021/02/05 全球购物
GC是什么?为什么要有GC?
2013/12/08 面试题
建筑实习自我鉴定
2013/10/18 职场文书
薪酬专员岗位职责
2014/02/18 职场文书
拉歌口号大全
2014/06/13 职场文书
餐厅收银员岗位职责
2015/04/07 职场文书