如何使用jQuery选择'select'带有确定的选定选项的标记
How can I select using jQuery 'select' tag with determined selected option?
例如
<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>
如何用value="az"
选择'select'
标签
我已经找到了唯一的方法:
var val_ = "az";
var selects = $div.find("select").filter(function(index_){
var val0 = $(this).val();
return val0 == val_;
});
有没有更优雅的方法?
编辑。我的问题是关于'选择'标签。所有的问题在stackoverflow是关于子'选项'标签。
- 您可以使用属性=选择器
[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>
您可以选择一个或多个包含值为"az"的<option>
的<select>
元素,如下所示:
$("select option[value='az']")
相关文章:
- 按照选项卡索引的顺序循环一个jQuery选择
- 如何在使用selectBoxIt JQuery插件时检测选项更改
- JQuery覆盖不更改单选选项
- jQuery动态表单显示在select选项上
- Jquery:如何获取所选选项全文(带空格)
- 使用基于文本的 Jquery 选择选项
- 如果类不是一个选项,如何在使用 jQuery 时控制(避免)嵌套 html 元素的样式
- 使用纯javascript而非jquery使所选选项卡处于活动状态并保持非活动状态
- 阻止选项卡缓存jquery ui
- 使用Jquery增加选项卡
- 如何在jquery.easytabs.js中获取当前选项卡
- JQuery-停止手风琴链接关闭所有选项卡
- 设置所选选项JQuery
- 防止已选择的选项 Jquery 使用 MYSQL 自动完成
- 动态替换下拉菜单选项jQuery
- 在Chrome和Firefox中选择选项jquery 2.1.1时出错
- 附加逗号分隔的值以选择选项 jQuery
- 忽略选择选项jQuery的值
- 无法在回调时配置选项(jQuery插件)
- 为什么这个自动选择第一个选项jquery脚本在Internet Explorer中不起作用