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 相关文章推荐
javascript document.referrer 用法
Apr 30 Javascript
JavaScript 原型与继承说明
Jun 09 Javascript
关于使用 jBox 对话框的提交不能弹出问题解决方法
Nov 07 Javascript
JavaScript instanceof 的使用方法示例介绍
Oct 23 Javascript
js中同步与异步处理的方法和区别总结
Dec 25 Javascript
Node.js Addons翻译(C/C++扩展)
Jun 12 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
Dec 25 Javascript
使用Bootstrap打造特色进度条效果
May 02 Javascript
vue2.0多条件搜索组件使用详解
Mar 26 Javascript
node.js连接MongoDB数据库的2种方法教程
May 17 Javascript
vue表单数据交互提交演示教程
Nov 13 Javascript
React.js组件实现拖拽排序组件功能过程解析
Apr 27 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
根德Grundig S400/S500/S700电路分析
2021/03/02 无线电
js下函数般调用正则的方法附代码
2008/06/22 PHP
PHP在innodb引擎下快速代建全文搜索功能简明教程【基于xunsearch】
2016/10/14 PHP
Yii核心验证器api详解
2016/11/23 PHP
神奇的代码 通杀各种网站-可随意修改复制页面内容
2008/07/17 Javascript
jquery简单实现图片切换效果的方法
2015/05/12 Javascript
JQuery给select添加/删除节点的实现代码
2016/04/26 Javascript
简单解析JavaScript中的__proto__属性
2016/05/10 Javascript
jQuery简单实现上下,左右滑动的方法
2016/06/01 Javascript
vue计算属性及使用详解
2018/04/02 Javascript
Vue父子组件双向绑定传值的实现方法
2018/07/31 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)
2019/01/23 Javascript
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
2019/04/02 Javascript
vue的keep-alive中使用EventBus的方法
2019/04/23 Javascript
echarts多条折线图动态分层的实现方法
2019/05/24 Javascript
vue 组件内获取actions的response方式
2019/11/08 Javascript
初步理解Python进程的信号通讯
2015/04/09 Python
python递归打印某个目录的内容(实例讲解)
2017/08/30 Python
Python实现自定义顺序、排列写入数据到Excel的方法
2018/04/23 Python
python获取文件真实链接的方法,针对于302返回码
2018/05/14 Python
使用selenium模拟登录解决滑块验证问题的实现
2019/05/10 Python
Python Django2.0集成Celery4.1教程
2019/11/19 Python
Python实现把类当做字典来访问
2019/12/16 Python
使用keras内置的模型进行图片预测实例
2020/06/17 Python
python 三种方法提取pdf中的图片
2021/02/07 Python
美国益智玩具购物网站:Fat Brain Toys
2017/11/03 全球购物
上班玩游戏检讨书
2014/02/07 职场文书
试用期员工工作自我评价
2014/09/10 职场文书
失职检讨书大全
2015/01/26 职场文书
行政处罚听证告知书
2015/07/01 职场文书
2017元旦晚会开幕词
2016/03/03 职场文书
学长教您写论文:经验总结
2019/07/09 职场文书
MySQL数据库压缩版本安装与配置详细教程
2021/05/21 MySQL
详解MySQL中的主键与事务
2021/05/27 MySQL
Redis做数据持久化的解决方案及底层原理
2021/07/15 Redis
让JavaScript代码更加精简的方法技巧
2022/06/01 Javascript