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 相关文章推荐
JS查看对象功能代码
Apr 25 Javascript
利用404错误页面实现UrlRewrite的实现代码
Aug 20 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
Jul 13 Javascript
JavaScript实现cookie的写入、读取、删除功能
Nov 05 Javascript
浅析JavaScript访问对象属性和方法及区别
Nov 16 Javascript
详谈$.data()的用法和作用
Feb 13 Javascript
vue移动端实现下拉刷新
Apr 22 Javascript
jsonp跨域及实现百度首页联想功能的方法
Aug 30 Javascript
js正则匹配多个全部数据问题
Dec 20 Javascript
如何通过Proxy实现JSBridge模块化封装
Oct 22 Javascript
Vue 3自定义指令开发的相关总结
Jan 29 Vue.js
vue完美实现el-table列宽自适应
May 08 Vue.js
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
?生?D片??C字串
2006/12/06 PHP
PHP Socket 编程
2010/04/09 PHP
php 无限级数据JSON格式及JS解析
2010/07/17 PHP
PHP中new static() 和 new self() 的区别介绍
2015/01/09 PHP
php中实现用数组妩媚地生成要执行的sql语句
2015/07/10 PHP
thinkPHP中多维数组的遍历方法
2016/01/09 PHP
小程序微信退款功能实现方法详解【基于thinkPHP】
2019/05/05 PHP
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
2011/09/19 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
JS 操作Array数组的方法及属性实例解析
2014/01/08 Javascript
浅谈JS原生Ajax,GET和POST
2016/06/08 Javascript
第七篇Bootstrap表单布局实例代码详解(三种表单布局)
2016/06/21 Javascript
JavaScript中捕获与冒泡详解及实例
2017/02/03 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
2017/04/25 Javascript
js点击时关闭该范围下拉菜单之外的菜单方法
2018/01/11 Javascript
解决vue-cli + webpack 新建项目出错的问题
2018/03/20 Javascript
JS和Canvas实现图片的预览压缩和上传功能
2018/03/30 Javascript
vue生成token并保存到本地存储中
2018/07/17 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
2018/09/03 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
2019/03/15 Javascript
koa+mongoose实现简单增删改查接口的示例代码
2019/05/13 Javascript
layui select 禁止点击的实现方法
2019/09/05 Javascript
[00:55]深扒TI7聊天轮盘语音出处3
2017/05/11 DOTA
详谈python3中用for循环删除列表中元素的坑
2018/04/19 Python
Python下调用Linux的Shell命令的方法
2018/06/12 Python
基于Python List的赋值方法
2018/06/23 Python
Python单元测试简单示例
2018/07/03 Python
利用Python如何制作好玩的GIF动图详解
2018/07/11 Python
通过python顺序修改文件名字的方法
2018/07/11 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
PyCharm 2019.3发布增加了新功能一览
2019/12/08 Python
解决Jupyter因卸载重装导致的问题修复
2020/04/10 Python
手把手教你如何用Pycharm2020.1.1配置远程连接的详细步骤
2020/08/07 Python
爱护公共设施倡议书
2014/08/29 职场文书
中职毕业生自我鉴定
2014/09/13 职场文书
Jackson 反序列化时实现大小写不敏感设置
2021/06/29 Java/Android