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 相关文章推荐
键盘控制事件应用教程大全
Nov 24 Javascript
JavaScript入门教程(10) 认识其他对象
Jan 31 Javascript
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
Jul 10 Javascript
使用原生js实现页面蒙灰(mask)效果示例代码
Jun 20 Javascript
jQuery之Deferred对象详解
Sep 04 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
Nov 17 Javascript
jQuery Validate验证框架详解(推荐)
Dec 17 Javascript
jQuery插件zTree实现删除树子节点的方法示例
Mar 08 Javascript
微信小程序如何获知用户运行小程序的场景教程
May 17 Javascript
详解vue-cli脚手架中webpack配置方法
Aug 22 Javascript
Vue3+elementui plus创建项目的方法
Dec 01 Vue.js
使用compose函数优化代码提高可读性及扩展性
Jun 16 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
wordpress之wp-settings.php
2007/08/17 PHP
(PHP实现)只使用++运算实现加法,减法,乘法,除法
2013/06/27 PHP
PHP中Session可能会引起并发问题
2015/06/26 PHP
PHP中new static()与new self()的比较
2016/08/19 PHP
showModelDialog弹出文件下载窗口的使用示例
2013/11/19 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
2015/11/03 Javascript
js实现select二级联动下拉菜单
2020/04/17 Javascript
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
2016/12/01 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
vue-router history模式下的微信分享小结
2018/07/05 Javascript
微信小程序自定义对话框弹出和隐藏动画
2018/07/19 Javascript
如何在js代码中消灭for循环实例详解
2018/07/29 Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
2018/08/14 Javascript
详解几十行代码实现一个vue的状态管理
2019/01/28 Javascript
微信小程序wx.navigateTo方法里的events参数使用详情及场景
2020/01/07 Javascript
微信小程序实现日历小功能
2020/11/18 Javascript
vue 插槽简介及使用示例
2020/11/19 Vue.js
用Python的线程来解决生产者消费问题的示例
2015/04/02 Python
python实现JAVA源代码从ANSI到UTF-8的批量转换方法
2015/08/10 Python
Pandas 合并多个Dataframe(merge,concat)的方法
2018/06/08 Python
实例讲解Python中浮点型的基本内容
2019/02/11 Python
Python递归函数实例讲解
2019/02/27 Python
PyQt编程之如何在屏幕中央显示窗体的实例
2019/06/18 Python
Django分页功能的实现代码详解
2019/07/29 Python
Django中的静态文件管理过程解析
2019/08/01 Python
Django-xadmin+rule对象级权限的实现方式
2020/03/30 Python
Pytest框架之fixture的详细使用教程
2020/04/07 Python
css3动画过渡实现鼠标跟随导航效果
2018/02/08 HTML / CSS
如何整合JQuery和Prototype
2014/01/31 面试题
英语专业个人求职信范文
2014/02/01 职场文书
颐和园导游词
2015/01/30 职场文书
2015年结对帮扶工作总结
2015/05/04 职场文书
检察院起诉书
2015/05/20 职场文书
春晚观后感
2015/06/11 职场文书
2016年基层党支部书记公开承诺书
2016/03/25 职场文书
Python Django获取URL中的数据详解
2021/11/01 Python