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 相关文章推荐
javascript mouseover、mouseout停止事件冒泡的解决方案
Apr 07 Javascript
jQuery 图像裁剪插件Jcrop的简单使用
May 22 Javascript
JavaScript中各种编码解码函数的区别和注意事项
Aug 19 Javascript
juqery 学习之四 筛选查找
Nov 30 Javascript
js从Cookies里面取值的简单实现
Jun 30 Javascript
js使用for循环与innerHTML获取选中tr下td值
Sep 26 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
Oct 29 Javascript
javascript给span标签赋值的方法
Nov 26 Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
Dec 20 Javascript
利用vue3+ts实现管理后台(增删改查)
Oct 30 Javascript
VUE递归树形实现多级列表
Jul 15 Vue.js
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
S900/ ETON E1-XM 收音机
2021/03/02 无线电
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
PHP实现删除字符串中任何字符的函数
2015/08/11 PHP
浅谈PHP定义命令空间的几个注意点(推荐)
2016/10/29 PHP
PHP读取文件的常见几种方法
2016/11/03 PHP
php 解决扫描二维码下载跳转问题
2017/01/13 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
基于jquery实现表格无刷新分页
2016/01/07 Javascript
AngularJs基本特性解析(一)
2016/07/21 Javascript
JS ES6中setTimeout函数的执行上下文示例
2017/04/27 Javascript
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
JavaScript模拟实现封装的三种方式及写法区别
2017/10/27 Javascript
关于Vue源码vm.$watch()内部原理详解
2019/04/26 Javascript
微信小程序下拉菜单效果的实例代码
2019/05/14 Javascript
react 移动端实现列表左滑删除的示例代码
2019/07/04 Javascript
layui内置模块layim发送图片添加加载动画的方法
2019/09/23 Javascript
微信小程序 行的删除和增加操作实现详解
2019/09/29 Javascript
[00:36]DOTA2上海特级锦标赛 Alliance战队宣传片
2016/03/04 DOTA
Python sys.path详细介绍
2013/10/17 Python
python正则表达式re模块详解
2014/06/25 Python
解析Python中的异常处理
2015/04/28 Python
Linux下使用python自动修改本机网关代码分享
2015/05/21 Python
将Python字符串生成PDF的实例代码详解
2019/05/17 Python
python3中替换python2中cmp函数的实现
2019/08/20 Python
python打印异常信息的两种实现方式
2019/12/24 Python
Python带参数的装饰器运行原理解析
2020/06/09 Python
Django REST Swagger实现指定api参数
2020/07/07 Python
css3弹性盒子flex实现三栏布局的实现
2020/11/12 HTML / CSS
html5拖曳操作 HTML5实现网页元素的拖放操作
2013/01/02 HTML / CSS
深入探究HTML5的History API
2015/07/09 HTML / CSS
美国著名首饰网站:BaubleBar
2016/08/29 全球购物
室内设计专业个人的自我评价
2013/10/19 职场文书
管理科学大学生求职信
2013/11/13 职场文书
高中数学教学反思范文
2016/02/18 职场文书
Winsows11性能如何? win11性能测评多核竟比Win10差了10%
2021/11/21 数码科技
日本动漫十大公认神作:第五现已全网禁播,《死亡笔记》在榜
2022/03/18 日漫