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


Posted in Javascript onDecember 25, 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 相关文章推荐
用window.location.href实现刷新另个框架页面
Mar 07 Javascript
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
May 13 Javascript
利用JS进行图片的切换即特效展示图片
Dec 03 Javascript
jQuery选择器querySelector的使用指南
Jan 23 Javascript
node模块机制与异步处理详解
Mar 13 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
Dec 21 Javascript
Angular表格神器ui-grid应用详解
Sep 29 Javascript
利用vue和element-ui设置表格内容分页的实例
Mar 02 Javascript
微信小程序实现列表页的点赞和取消点赞功能
Nov 02 Javascript
使用vue for时为什么要key【推荐】
Jul 11 Javascript
VUE动态生成word的实现
Jul 26 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
Aug 13 Javascript
制作jquery遮罩层效果导航菜单代码分享
Dec 25 #Javascript
jquery创建表格(自动增加表格)代码分享
Dec 25 #Javascript
浅析js设置控件的readonly与enabled属性问题
Dec 25 #Javascript
Javascript:为input设置readOnly属性(示例讲解)
Dec 25 #Javascript
Javascript设置对象的ReadOnly属性(示例代码)
Dec 25 #Javascript
JS中如何设置readOnly的值
Dec 25 #Javascript
简体中文转换繁体中文(实现代码)
Dec 25 #Javascript
You might like
全国FM电台频率大全 - 25 云南省
2020/03/11 无线电
双料怀旧--SHARP GF515的维护、修理和简单调试
2021/03/02 无线电
ajax php 实现写入数据库
2009/09/02 PHP
使用PHP计算两个路径的相对路径
2013/06/14 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
php解析xml 的四种简单方法(附实例)
2016/07/11 PHP
JS控制一个DIV层在指定时间内消失的方法
2014/02/17 Javascript
jquery中$(#form :input)与$(#form input)的区别
2014/08/18 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
2015/09/14 Javascript
jQuery焦点图插件SaySlide
2015/12/21 Javascript
JS实现消息来时让网页标题闪动效果的方法
2016/04/20 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
Three.js学习之Lamber材质和Phong材质
2016/08/04 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
Javascript 实现计算器时间功能详解及实例(二)
2017/01/08 Javascript
AngularJS2中一种button切换效果的实现方法(二)
2017/03/27 Javascript
vue router路由嵌套不显示问题的解决方法
2017/06/17 Javascript
JS获取当前地理位置的方法
2017/10/25 Javascript
JavaScript创建对象的四种常用模式实例分析
2019/01/11 Javascript
js利用递归与promise 按顺序请求数据的方法
2019/08/30 Javascript
React服务端渲染原理解析与实践
2021/03/04 Javascript
[01:07]2015国际邀请赛 中国区预选赛精彩回顾
2015/06/15 DOTA
python求列表交集的方法汇总
2014/11/10 Python
Python实现八大排序算法
2016/08/13 Python
Python3实现的简单验证码识别功能示例
2018/05/02 Python
python实现猜数字小游戏
2020/03/24 Python
PyTorch读取Cifar数据集并显示图片的实例讲解
2018/07/27 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
米兰网婚纱礼服法国网上商店:Milanoo法国
2016/08/20 全球购物
光电信息专业应届生求职信
2013/10/07 职场文书
学生实习推荐信范文
2013/11/26 职场文书
新学期校长寄语
2014/01/18 职场文书
英文自荐信常用句子
2014/03/26 职场文书
普通党员四风问题对照检查材料
2014/09/27 职场文书
pytorch 运行一段时间后出现GPU OOM的问题
2021/06/02 Python