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 urldecode URL解码的问题
Jan 08 Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
Apr 02 Javascript
JavaScript伸缩的菜单简单示例
Dec 03 Javascript
javascript中取前n天日期的两种方法分享
Jan 26 Javascript
jQuery弹出层插件Lightbox_me使用指南
Apr 21 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
Aug 12 Javascript
jQuery事件绑定用法详解
Sep 08 Javascript
vue 虚拟dom的patch源码分析
Mar 01 Javascript
微信小程序获取音频时长与实时获取播放进度问题
Aug 28 Javascript
jQuery Migrate 插件用法实例详解
May 22 jQuery
vue学习笔记之slot插槽用法实例分析
Feb 29 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
Oct 29 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
人大复印资料处理程序_补充篇
2006/10/09 PHP
PHP在字符断点处截断文字的实现代码
2011/04/21 PHP
PHP If Else(elsefi) 语句
2013/04/07 PHP
关于PHP的相似度计算函数:levenshtein的使用介绍
2013/04/15 PHP
下拉列表多级联动dropDownList示例代码
2013/06/27 PHP
PHP微信开发用Cache 解决数据缓存
2016/07/11 PHP
关于ThinkPHP中的异常处理详解
2018/05/11 PHP
MooTools 1.2介绍
2009/09/14 Javascript
批量实现面向对象的实例代码
2013/07/01 Javascript
jquery 实现input输入什么div图层显示什么
2014/06/15 Javascript
jQuery事件绑定和委托实例
2014/11/25 Javascript
JavaScript数据类型详解
2015/04/01 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
Jquery使用css方法改变样式实例
2015/05/18 Javascript
Bootstrap三种表单布局的使用方法
2016/06/21 Javascript
jQuery中的AjaxSubmit使用讲解
2016/09/25 Javascript
javascript实现鼠标点击页面 移动DIV
2016/12/02 Javascript
javascript事件的传播基础实例讲解(35)
2017/02/14 Javascript
js 毫秒转天时分秒的实例
2017/11/17 Javascript
vue项目base64字符串转图片的实现代码
2018/07/13 Javascript
vue router的基本使用和配置教程
2018/11/05 Javascript
移动端吸顶fixbar的解决方案详解
2019/07/17 Javascript
angularjs1.X 重构controller 的方法小结
2019/08/15 Javascript
Vuex模块化应用实践示例
2020/02/03 Javascript
对python调用RPC接口的实例详解
2019/01/03 Python
如何Tkinter模块编写Python图形界面
2020/10/14 Python
CSS3中Transform动画属性用法详解
2016/07/04 HTML / CSS
HTML5的Video标签有部分MP4无法播放的问题解析(多图)
2017/08/18 HTML / CSS
试述DBMS的主要功能
2016/11/13 面试题
给排水专业应届生求职信
2013/10/12 职场文书
2014年会演讲稿范文
2014/01/06 职场文书
竞选学生会主席演讲稿
2014/04/24 职场文书
仓库规划计划书
2014/04/28 职场文书
银行职员工作失误检讨书
2014/10/14 职场文书
导游经典开场白——导游词
2019/04/17 职场文书
疑《守望先锋2》A测截图泄露 或将推出新模式、新界面
2022/04/03 其他游戏