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 相关文章推荐
游戏人文件夹程序 ver 4.03
Jul 14 Javascript
封装html的select标签的js操作实例
Jul 02 Javascript
提取字符串中年月日的函数代码
Nov 05 Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
Apr 18 Javascript
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 Javascript
confirm的用法示例用于按钮操作时确定是否执行
Jun 19 Javascript
微信小程序使用第三方库Underscore.js步骤详解
Sep 27 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
Nov 23 Javascript
通过button将form表单的数据提交到action层的实例
Sep 08 Javascript
jQuery简单实现对数组去重及排序操作实例
Oct 31 jQuery
微信sdk实现禁止微信分享(使用原生php实现)
Nov 15 Javascript
jQuery实现弹出层效果
Dec 10 jQuery
制作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和javascript之间变量的传递实现代码
2012/12/19 PHP
解析mysql中UNIX_TIMESTAMP()函数与php中time()函数的区别
2013/06/24 PHP
Yii中CArrayDataProvider和CActiveDataProvider区别实例分析
2016/03/02 PHP
详解php伪造Referer请求反盗链资源
2019/01/24 PHP
jquery focus(fn),blur(fn)方法实例代码
2011/12/16 Javascript
THREE.JS入门教程(3)着色器-下
2013/01/24 Javascript
JS数组搜索之折半搜索实现方法分析
2017/03/27 Javascript
详解Node.js项目APM监控之New Relic
2017/05/12 Javascript
深入解析nodejs HTTP服务
2017/07/25 NodeJs
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
vue与bootstrap实现时间选择器的示例代码
2017/08/26 Javascript
JQuery实现table中tr上移下移的示例(超简单)
2018/01/08 jQuery
JavaScript中变量提升与函数提升经典实例分析
2018/07/26 Javascript
js取0-9随机取4个数不重复的数字代码实例
2019/03/27 Javascript
vue+element表格导出为Excel文件
2019/09/26 Javascript
vue+vant-UI框架实现购物车的复选框全选和反选功能
2019/11/05 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
vue接口请求加密实例
2020/08/11 Javascript
Python3实现带附件的定时发送邮件功能
2020/12/22 Python
pandas将numpy数组写入到csv的实例
2018/07/04 Python
python 根据时间来生成唯一的字符串方法
2019/01/14 Python
PyCharm设置每行最大长度限制的方法
2019/01/16 Python
浅谈Django中view对数据库的调用方法
2019/07/18 Python
python with (as)语句实例详解
2020/02/04 Python
浅谈keras中自定义二分类任务评价指标metrics的方法以及代码
2020/06/11 Python
2021年的Python 时间轴和即将推出的功能详解
2020/07/27 Python
python pip如何手动安装二进制包
2020/09/30 Python
印度婴儿用品在线商店:Firstcry.com
2016/12/05 全球购物
TUMI澳大利亚网站:美国旅行箱包品牌
2017/03/27 全球购物
杭州时比特电子有限公司SQL
2013/08/22 面试题
可以使用抽象函数重写基类中的虚函数吗
2013/06/02 面试题
商场经理竞聘演讲稿
2014/01/01 职场文书
2014年卫生监督工作总结
2014/12/09 职场文书
外贸业务员岗位职责
2015/02/13 职场文书
关于销售人员的年终工作总结要点
2019/08/15 职场文书
Python使用海龟绘图实现贪吃蛇游戏
2021/06/18 Python