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 相关文章推荐
Javascript JSQL,SQL无处不在,
May 05 Javascript
下拉列表select 由左边框移动到右边示例
Dec 04 Javascript
javascript页面渲染速度测试脚本分享
Apr 15 Javascript
jQuery unbind()方法实例详解
Jan 19 Javascript
很全面的JavaScript常用功能汇总集合
Jan 22 Javascript
AngularJS入门教程之Helloworld示例
Dec 25 Javascript
Vue.js实战之利用vue-router实现跳转页面
Apr 01 Javascript
小程序点赞收藏功能的实现代码示例
Sep 07 Javascript
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
May 04 jQuery
ECharts地图绘制和钻取简易接口详解
Jul 12 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 25 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 22 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
乐信RP2100的电路分析和打磨
2021/03/02 无线电
Linux下CoreSeek及PHP扩展模块的安装
2012/09/23 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
accesskey 提交
2006/06/26 Javascript
二级域名转向类
2006/11/09 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
2013/01/03 Javascript
jquery获取特定name所有选中的checkbox,支持IE9标准模式
2013/03/18 Javascript
Javascript 中创建自定义对象的方法汇总
2014/12/04 Javascript
javascript实现仿腾讯游戏选择
2015/05/14 Javascript
jquery动画效果学习笔记(8种效果)
2015/11/13 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
全面了解JavaScript对象进阶
2016/07/19 Javascript
CSS3+JavaScript实现翻页幻灯片效果
2017/06/28 Javascript
微信小程序之自定义组件的实现代码(附源码)
2018/08/02 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
2018/10/29 Javascript
JS基于对象的链表实现与使用方法示例
2019/01/31 Javascript
vue单页面在微信下只能分享落地页的解决方案
2019/04/15 Javascript
Vue 子组件与数据传递问题及注意事项
2019/07/11 Javascript
ZK中使用JS读取客户端txt文件内容问题
2019/11/07 Javascript
vue element实现表格合并行数据
2020/11/30 Vue.js
Python爬虫框架Scrapy安装使用步骤
2014/04/01 Python
python实现apahce网站日志分析示例
2014/04/02 Python
30秒轻松实现TensorFlow物体检测
2018/03/14 Python
Django REST framework内置路由用法
2019/07/26 Python
解决matplotlib.pyplot在Jupyter notebook中不显示图像问题
2020/04/22 Python
html5基础教程常用技巧整理
2013/08/20 HTML / CSS
介绍一下mysql的日期和时间函数
2013/03/28 面试题
90后毕业生的求职信范文
2013/09/21 职场文书
秘书行业自我鉴定范文
2013/12/30 职场文书
单位提档介绍信
2014/01/17 职场文书
个人求职信范例
2014/01/29 职场文书
公司业务员岗位职责
2014/03/18 职场文书
行政部经理助理岗位职责
2014/06/15 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
Python机器学习之PCA降维算法详解
2021/05/19 Python