js快速获取select选中的optgroup值

效果代码


例子

 代码如下 复制代码

<html>
<head>
<title>
optgroup
</title>
<script>
function getopt()
{
var ss = sel.options[sel.selectedIndex].parentNode.attributes;
alert("选中的optgroup的text="+ss["label"].value);
}
</script>
</head>
<body>
<select id="sel">
<optgroup id="opt1" label="水果">
<option value="1">苹果</option>
<option value="2">桃子</option>
<option value="3">梨</option>
<option value="4">柠檬</option>
</optgroup>
<optgroup id="opt2" label="粮食">
<option value="11">小麦</option>
<option value="12">玉米</option>
<option value="13">大豆</option>
</optgroup>
</select>
<input type="button" onclick="getopt()" value="获取值" />
</body>
</html>
时间： 2024-09-24 10:40:11

js快速获取select选中的optgroup值的相关文章

JS 如何获取radio选中后的值及不选择取radio的值_javascript技巧

以下是网上摘下的文章(未测试但很规范可以模仿) 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>text</title> <script> var chk = 0; window.onload=function (){ var chkObjs

JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值

 本篇文章主要是对JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jQuery获取Select选择的Text和Value:  语法解释:  1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发  2. var checkText=$("#select_id"

JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)_javascript技巧

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3. var checkValue=$("#se

jquery获取select选中值的方法分析_jquery

本文实例讲述了jquery获取select选中值的方法.分享给大家供大家参考,具体如下: 误区: 以前一直以为jquery获取select中option被选中的文本值,是这样写的: 复制代码 代码如下: $("#s").text(); //获取所有option的文本值 实际上应该这样: 复制代码 代码如下: $("#s option:selected").text(); //获取选中的option的文本值 获取select中option的被选中的value值: $(

jQuery获取select选中的option的value值实现方法_jquery

如下所示: <select id="isshow" name="isshow" style="width: 100px"> <option value="1">显示</option> <option value="2">不显示</option> </select> var isshow = $("#isshow ")

js获取select选中的option的text示例代码

 获取select选中的option的text的方法有很多,下面为大家介绍下使用js的获取方法,感兴趣的朋友可以参考下 javascript   代码如下: var item = document.getElementById("");  var text = item.options[item.selectedIndex].text;    jQuery   代码如下: var text = $("#selector")[0].options[$("#s

jQuery 获取select选中值及清除选中状态_jquery

不会使用jQuery的后台真心伤不起,获取select下拉列表的值都让我搞了好一阵,然而并没有结束,恢复选中状态也是花了我半个小时. 这里先记一下省的以后会忘了. 获取jQuery中select下拉列表中的lang属性值: <span style="font-size:14px;"> var provinceSearch = $("#loc_province_search").find("option:selected").attr(

jquery中获取select选中值的代码_jquery

jquery获取select选择的文本与值 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ").get(0).selectedindex;

获取下拉列表选中项的值和文本

js取值 //获取下拉列表选中项的值  代码如下 复制代码 function getSelectedValue(name){ var obj=document.getElementById(name); return obj.value;      //如此简单,直接用其对象的value属性便可获取到 } 获取文本值  代码如下 复制代码 <select Id="select">  <option>1</option>   <option se