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工具 Cookie 封装
Aug 21 Javascript
jQuery validate 中文API 附validate.js中文api手册
Jul 31 Javascript
jQuery示例收集
Nov 05 Javascript
jQuery EasyUI API 中文文档 - ComboGrid 组合表格
Oct 13 Javascript
用Move.js配合创建CSS3动画的入门指引
Jul 22 Javascript
微信小程序 网络API Websocket详解
Nov 09 Javascript
微信小程序 图片加载(本地,网路)实例详解
Mar 10 Javascript
JS实现小球的弹性碰撞效果
Nov 11 Javascript
微信小程序switch组件使用详解
Jan 31 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
May 28 Javascript
JavaScript Date对象功能与用法学习记录
Apr 28 Javascript
vue:el-input输入时限制输入的类型操作
Aug 05 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
ThinkPHP php 框架学习笔记
2009/10/30 PHP
PHP从FLV文件获取视频预览图的方法
2015/03/12 PHP
PHP/HTML混写的四种方式总结
2017/02/27 PHP
php实现生成code128条形码的方法详解
2017/07/19 PHP
详解php curl带有csrf-token验证模拟提交方法
2018/04/18 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
JQUERY CHECKBOX全选,取消全选,反选方法三
2008/08/30 Javascript
用JavaScript隐藏控件的方法
2009/09/21 Javascript
理解Javascript_03_javascript全局观
2010/10/11 Javascript
jQuery照片伸缩效果不影响其他元素的布局
2014/05/09 Javascript
jQuery中:first-child选择器用法实例
2014/12/31 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
2016/04/26 Javascript
JavaScript中的Object对象学习教程
2016/05/20 Javascript
jQuery短信验证倒计时功能实现方法详解
2016/05/25 Javascript
详解js的六大数据类型
2016/12/27 Javascript
Vue shopCart 组件开发详解
2018/01/26 Javascript
vue实现个人信息查看和密码修改功能
2018/05/06 Javascript
angular2 组件之间通过service互相传递的实例
2018/09/30 Javascript
关于vue的列表图片选中打钩操作
2020/09/09 Javascript
[46:23]OG vs EG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
python实现用户登陆邮件通知的方法
2015/07/09 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
Python实现爬虫爬取NBA数据功能示例
2018/05/28 Python
解决新版Pycharm中Matplotlib图像不在弹出独立的显示窗口问题
2019/01/15 Python
使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式
2020/01/08 Python
浅谈Python程序的错误:变量未定义
2020/06/02 Python
python爬虫筛选工作实例讲解
2020/11/23 Python
python爬虫scrapy框架之增量式爬虫的示例代码
2021/02/26 Python
Gweniss格温妮丝女包官网:英国纯手工制造潮流包包品牌
2018/02/07 全球购物
幼儿园教师节活动方案
2014/02/02 职场文书
小学国庆节活动方案
2014/02/11 职场文书
质量保证书
2015/01/17 职场文书
试用期转正工作总结2015
2015/05/28 职场文书
六一文艺汇演主持词
2015/06/30 职场文书
《认识钟表》教学反思
2016/02/16 职场文书
用php如何解决大文件分片上传问题
2021/07/07 PHP