JS对HTML标签select的获取、添加、删除操作


Posted in Javascript onOctober 17, 2013
<SELECT NAME="aaa" SIZE="" style="width:200px" > <OPTION VALUE="">(空)</OPTION> 
<OPTION VALUE="1">1</OPTION> 
</SELECT>

//获得html控件 
var select = document.getElementsByName("aaa")[0]; select.selectedIndex = index; 
//创建新的Option对象 
new Option(text,value) 
new option(text,value,defaultSelected,selected 
text:字符串,指定option对象的text属性(即<option></option>之间的文字) 
value:字符串,指定option对象的value属性 
defaultSelected:布尔值,指定option对象的defaultSelected属性 
selected:布尔值,指定option对象的selected属性 
//向select中增加Option 
select.add(new Option(text,value)) 
//删除 
select.options.remove(index) 
//一次性删除全部 
select.length = 0;
Javascript 相关文章推荐
node中socket.io的事件使用详解
Dec 15 Javascript
整理Javascript流程控制语句学习笔记
Nov 29 Javascript
JavaScript必知必会(十) call apply bind的用法说明
Jun 08 Javascript
javascript 开发之网页兼容各种浏览器
Sep 28 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
Sep 21 Javascript
200行HTML+JavaScript实现年会抽奖程序
Jan 22 Javascript
详解如何使用router-link对象方式传递参数?
May 02 Javascript
通过vue手动封装on、emit、off的代码详解
May 29 Javascript
swiper实现异形轮播效果
Nov 28 Javascript
微信小程序顶部导航栏可滑动并选中放大
Dec 05 Javascript
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
基于js实现的图片拖拽排序源码实例
Nov 04 Javascript
JS操作数据库的实例代码
Oct 17 #Javascript
JavaScript调用后台的三种方法实例
Oct 17 #Javascript
9行javascript代码获取QQ群成员具体实现
Oct 16 #Javascript
JS实现时间格式化的方式汇总
Oct 16 #Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
Oct 16 #Javascript
div模拟滚动条效果示例代码
Oct 16 #Javascript
Jquery实现的tab效果可以指定默认显示第几页
Oct 16 #Javascript
You might like
解析Extjs与php数据交互(增删查改)
2013/06/25 PHP
MacOS下PHP7.1升级到PHP7.4.15的方法
2021/02/22 PHP
如何让您的中波更粗更长 - 中波框形天线制作
2021/03/10 无线电
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
2012/02/02 Javascript
jQuery contains过滤器实现精确匹配使用方法
2013/04/12 Javascript
对比分析json及XML
2014/11/28 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
2014/12/18 Javascript
jQuery点缩略图弹出层显示大图片
2015/02/13 Javascript
浅谈jquery中delegate()与live()
2015/06/22 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
2015/11/30 Javascript
javascript事件委托的用法及其好处简析
2016/04/04 Javascript
Bootstrap页面布局基础知识全面解析
2016/06/13 Javascript
js检查是否关闭浏览器的方法
2016/08/02 Javascript
微信小程序实战之登录页面制作(5)
2020/03/30 Javascript
详解React 16 中的异常处理
2017/07/28 Javascript
使用JavaScript进行表单校验功能
2017/08/01 Javascript
Angular17之Angular自定义指令详解
2018/01/21 Javascript
微信小程序封装的HTTP请求示例【附升级版】
2019/05/11 Javascript
JavaScript对象原型链原理解析
2020/01/22 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
2020/08/10 Javascript
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
在Python中使用M2Crypto模块实现AES加密的教程
2015/04/08 Python
Python tkinter实现的图片移动碰撞动画效果【附源码下载】
2018/01/04 Python
python opencv设置摄像头分辨率以及各个参数的方法
2018/04/02 Python
Python切片索引用法示例
2018/05/15 Python
Python高级特性与几种函数的讲解
2019/03/08 Python
Cython编译python为so 代码加密示例
2019/12/23 Python
python中安装django模块的方法
2020/03/12 Python
用python绘制樱花树
2020/10/09 Python
使用before和:after伪类制作css3圆形按钮
2014/04/08 HTML / CSS
公司总经理工作职责管理办法
2014/02/28 职场文书
经典导游欢迎词
2015/01/26 职场文书
立项申请报告范本
2015/05/15 职场文书
2019年销售部季度工作计划3篇
2019/10/09 职场文书
MySQL root密码的重置方法
2021/04/21 MySQL
总结几个非常实用的Python库
2021/06/26 Python