JS获取select标签的选中值和清空select值的操作
一、
js获取select标签选中的值
var obj = document.getElementById(”testSelect”); //定位id
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值
1
2
3
4
5
6
7
jQuery中获得选中select值
第一种方式
$('#testSelect option:selected').text();//选中的文本
$('#testSelect option:selected').val();//选中的值
$("#testSelect").get(0).selectedIndex;//索引
1
2
3
4
5
6
第二种方式
$("#tesetSelect").find("option:selected").text();//选中的文本
$("#tesetSelect").find("option:selected").val();//选中的值
$("#testSelect").get(0).selectedIndex;//索引
1
2
3
4
5
6
二、
js清空select标签中的值
<select id="area">
<option>11</option>
<option>22</option>
<option>33</option>
</select>
1
2
3
4
5
<script>
var area= document.getElementById("area");
area.innerHTML = "";
for(var i=0;i<area.childNodes.length;i++){
area.removeChild(area.options[i]);
area.remove(i);
area.options[i] = null;
}
</script>
1
2
3
4
5
6
7
8
9
10
jquery的写法
$("#area").html("");
$("#area").find("option").remove();
或者
$("#area").empty();
1
2
3
4
参考文献:
1、https://www.cnblogs.com/qq3245792286/p/6390504.html 2018.8.26
2、https://blog.csdn.net/dexing07/article/details/52318983 2018.8.26
————————————————
版权声明:本文为CSDN博主「JohnieLi」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/johinieli/java/article/details/82083551
相关文章
- prototype.js的系列文章——关于prototype.js
- js操作DropDownList大全
- JS获取当前年份_js获取当前时间年月日
- 通过JS实现剪贴板操作
- 【JS 逆向百例】猿人学系列 web 比赛第五题:js 混淆 - 乱码增强,详细剖析
- js中的cookie操作详解编程语言
- 使用 JS 操作 Redis:实现强大数据存储.(js调用redis)
- 使用JS技术实现Oracle数据库链接(js 链接 oracle)
- 使用JS操作Oracle数据库探索潜在可能性(js和oracle数据库)
- JS脚本混淆、加密讨论
- 用js实现键盘方向键翻页功能的代码
- Js获取当前日期时间及其它操作实现代码
- window.js主要包含了页面的一些操作
- js正则表达式之input属性($_)RegExp对象属性介绍
- js获取坐标通过JS得到当前焦点(鼠标)的坐标属性
- js操作checkbox遇到的问题解决
- js字母大小写转换实现方法总结
- js获取url参数代码实例分享(JS操作URL)
- js操作select与option(示例讲解)
- JS操作Array数组的方法及属性实例解析
- js换图片效果可进行定时操作
- js在IE与firefox的差异集锦
- js数组的操作指南
- js中实现多态采用和继承类似的方法