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 ready()的几种实现方法小结
Jun 18 Javascript
jquery 查找select ,并触发事件的实现代码
Mar 30 Javascript
JavaScript splice()方法详解
Sep 22 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
Jun 23 Javascript
JS获取图片lowsrc属性的方法
Apr 01 Javascript
浅谈JavaScript中的对象及Promise对象的实现
Nov 15 Javascript
JQuery对ASP.NET MVC数据进行更新删除
Jul 13 Javascript
详解Vue.js中.native修饰符
Apr 24 Javascript
Vue引入sass并配置全局变量的方法
Jun 27 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
Aug 31 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
vue 开发之路由配置方法详解
Dec 02 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+mysql写的留言本
2006/10/09 PHP
PHP中file_get_contents高?用法实例
2014/09/24 PHP
PHP中字符安全过滤函数使用小结
2015/02/25 PHP
PHP 开发者该知道的 5 个 Composer 小技巧
2016/02/03 PHP
ThinkPHP框架下微信支付功能总结踩坑笔记
2019/04/10 PHP
php连接mysql之mysql_connect()与mysqli_connect()的区别
2020/07/19 PHP
javascript attachEvent和addEventListener使用方法
2009/03/19 Javascript
JQery jstree 大数据量问题解决方法
2010/03/09 Javascript
jQuery实现设置、移除文本框默认值功能
2015/01/13 Javascript
js运动动画的八个知识点
2015/03/12 Javascript
快速学习AngularJs HTTP响应拦截器
2015/12/31 Javascript
Vue.js学习之计算属性
2017/01/22 Javascript
微信JSAPI Ticket接口签名详解
2020/06/28 Javascript
基于js 字符串indexof与search方法的区别(详解)
2017/12/04 Javascript
vue中使用iview自定义验证关键词输入框问题及解决方法
2018/03/26 Javascript
js实现倒计时器自定义时间和暂停
2019/02/25 Javascript
JS算法题之查找数字在数组中的索引位置
2019/05/15 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
2019/09/28 Javascript
Vue 根据条件判断van-tab的显示方式
2020/08/03 Javascript
JavaScript中作用域链的概念及用途讲解
2020/08/06 Javascript
Ant-design-vue Table组件customRow属性的使用说明
2020/10/28 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
[02:51]DOTA2 Supermajor小组分组对阵抽签仪式
2018/06/01 DOTA
在Python中操作字符串之rstrip()方法的使用
2015/05/19 Python
python实现对指定输入的字符串逆序输出的6种方法
2018/04/26 Python
将python文件打包成EXE应用程序的方法
2019/05/22 Python
基于Pytorch SSD模型分析
2020/02/18 Python
Python pip install之SSL异常处理操作
2020/09/03 Python
Python headers请求头如何实现快速添加
2020/11/03 Python
英国领先的在线高尔夫商店:Gamola Golf
2019/11/16 全球购物
2015年发展党员工作总结报告
2015/03/31 职场文书
倡议书格式及范文
2015/04/29 职场文书
小学教师见习总结
2015/06/23 职场文书
生活小常识广播稿
2015/08/19 职场文书
爱岗敬业先进典型事迹材料(2016推荐版)
2016/02/26 职场文书
闭幕词的写作格式与范文!
2019/06/24 职场文书