jQuery:查找<select>元素中所选值的<optgroup>
jQuery:查找<select>元素中所选值的<optgroup>
提问于 2012-10-23 23:44:10
我有一个带有不同选项组的下拉菜单。如果有人选择了一个选项，我如何检查它属于哪个选项组？例如，如果选择了'ferrari‘，您将如何确定它属于哪个选项组？
您可以随意使用jQuery或raw javascript。
<select name="testSelect">
<optgroup label="fruits">
<option value="apples">Apples</option>
<option value="oranges">Oranges</option>
<option value="pears">Pears</option>
</optgroup>
<optgroup label="cars">
<option value="ford">ford</option>
<option value="toyota">toyota</option>
<option value="ferrari">ferrari</option>
</optgroup>
</select>回答 2
Stack Overflow用户
回答已采纳
发布于 2012-10-23 23:48:30
您可以使用jQuery完成此操作：
$('select').change(function() {
var selected = $(':selected', this);
alert(selected.closest('optgroup').attr('label'));
});在这里看一个活生生的例子：http://jsfiddle.net/jkeyes/zjLCp/1/
更新：是，您可以使用parent http://jsfiddle.net/jkeyes/zjLCp/2/
selected.parent()Stack Overflow用户
发布于 2012-10-24 02:38:24
好吧，在纯js中：
this.options[this.selectedIndex].parentNode.label没有单一的函数调用，引导的代码也更少。:-)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13040979
复制相关文章
相似问题
腾讯云开发者
