如何使用jQuery ' select‘标签和确定的选择选项进行选择？
如何使用jQuery ' select‘标签和确定的选择选项进行选择？
提问于 2015-08-30 18:00:42
例如,
<div id="wrapper">
<select>
<option value="en" selected="selected">english</option>
<option value="ar">العربية</option>
<option value="az">azərbaycanlı</option>
<option value="bg">български</option>
<option value="ca">català</option>
<option value="cs">český</option>
<!-- some data cut -->
</select>
<select>
<option value="en" >english</option>
<option value="ar">العربية</option>
<option value="az" selected="selected">azərbaycanlı</option>
<option value="bg">български</option>
<option value="ca">català</option>
<option value="cs">český</option>
<!-- some data cut -->
</select>
<select>
<option value="en" >english</option>
<option value="ar">العربية</option>
<option value="az" selected="selected">azərbaycanlı</option>
<option value="bg">български</option>
<option value="ca">català</option>
<option value="cs">český</option>
<!-- some data cut -->
</select>
</div>如何使用'select'选择value="az"标记
我找到了唯一的方法：
var val_ = "az";
var selects = $div.find("select").filter(function(index_){
var val0 = $(this).val();
return val0 == val_;
});有什么更优雅的方法吗？
编辑。我的问题是关于‘选择’标签。堆栈溢出中的所有问题都是关于子选项标签的。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-08-30 18:01:41
- 您可以使用属性等于选择器[attribute='value']来使用特定值进行选择。
- 使用:has()选择器检查选定的选项值
- 用于获取所选选项的:selected选择器
代码：
$('select:has(:selected[value="az"])')你可以用变量
var val_ = "az";
var selects = $('select:has(:selected[value="' + val_ + '"])');例如：
var val_ = "az";
$('select').change(function() {
var selects = $('select:has(:selected[value="' + val_ + '"])');
console.log(selects.length);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="wrapper">
<select>
<option value="en" selected="selected">english</option>
<option value="ar">العربية</option>
<option value="az">azərbaycanlı</option>
<option value="bg">български</option>
<option value="ca">català</option>
<option value="cs">český</option>
<!-- some data cut -->
</select>
<select>
<option value="en">english</option>
<option value="ar">العربية</option>
<option value="az" selected="selected">azərbaycanlı</option>
<option value="bg">български</option>
<option value="ca">català</option>
<option value="cs">český</option>
<!-- some data cut -->
</select>
<select>
<option value="en">english</option>
<option value="ar">العربية</option>
<option value="az" selected="selected">azərbaycanlı</option>
<option value="bg">български</option>
<option value="ca">català</option>
<option value="cs">český</option>
<!-- some data cut -->
</select>
</div>
Stack Overflow用户
发布于 2015-08-30 18:06:31
您可以选择一个或多个<select>元素，其中包含一个值为"az“的<option>，如下所示：
$("select option[value='az']")页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32299560
复制相关文章
相似问题
腾讯云开发者
