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 相关文章推荐
js+css在交互上的应用
Jul 18 Javascript
jQuery EasyUI API 中文文档 - Form表单
Oct 06 Javascript
jquery给图片添加鼠标经过时的边框效果
Nov 12 Javascript
jquery获取当前日期的方法
Jan 14 Javascript
初识Javascript小结
Jul 16 Javascript
Node.js中防止错误导致的进程阻塞的方法
Aug 11 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 Javascript
解决vue的 v-for 循环中图片加载路径问题
Sep 03 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
Apr 20 Javascript
layui上传图片到服务器的非项目目录下的方法
Sep 26 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
Dec 25 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
php 变量定义方法
2009/06/14 PHP
PHP chmod 函数与批量修改文件目录权限
2010/05/10 PHP
php在多维数组中根据键名快速查询其父键以及父键值的代码
2011/05/07 PHP
PHP模板解析类实例
2015/07/09 PHP
PHP模板引擎Smarty中的保留变量用法分析
2016/04/11 PHP
php微信公众号js-sdk开发应用
2016/11/28 PHP
php开发最强大的IDE编辑的phpstorm 2020.2配置Xdebug调试的详细教程
2020/08/17 PHP
PHP7 标准库修改
2021/03/09 PHP
对字符串进行HTML编码和解码的JavaScript函数
2010/02/01 Javascript
window.showModalDialog()返回值的学习心得总结
2014/01/07 Javascript
jquery 动态合并单元格的实现方法
2016/08/26 Javascript
JavaScript中子对象访问父对象的方式详解
2016/09/01 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
2017/03/08 Javascript
layui switch 开关监听 弹出确定状态转换的例子
2019/09/21 Javascript
VUE实现密码验证与提示功能
2019/10/18 Javascript
vue+vant-UI框架实现购物车的复选框全选和反选功能
2019/11/05 Javascript
微信内置开发 iOS修改键盘换行为搜索的解决方案
2019/11/06 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
关于ES6尾调用优化的使用
2020/09/11 Javascript
vue 导航守卫和axios拦截器有哪些区别
2020/12/19 Vue.js
Python2.x和3.x下maketrans与translate函数使用上的不同
2015/04/13 Python
python web框架学习笔记
2016/05/03 Python
Python判断变量是否为Json格式的字符串示例
2017/05/03 Python
TensorFlow Session会话控制&Variable变量详解
2018/07/30 Python
对Python使用mfcc的两种方式详解
2019/01/09 Python
Django自定义用户登录认证示例代码
2019/06/30 Python
利用 Canvas实现绘画一个未闭合的带进度条的圆环
2019/07/26 HTML / CSS
New delete 与malloc free 的联系与区别
2013/02/04 面试题
毕业生个人求职信范文分享
2014/01/05 职场文书
《永远的白衣战士》教学反思
2014/04/25 职场文书
初中教师业务学习材料
2014/05/12 职场文书
党的群众路线对照检查材料(个人)
2014/09/24 职场文书
2015年秋季运动会加油稿
2015/07/22 职场文书
vue3中的组件间通信
2021/03/31 Vue.js
Python机器学习实战之k-近邻算法的实现
2021/11/27 Python