jquery选择器,用于获取选定特定值的所有select下拉列表

jquery选择器,用于获取选定特定值的所有select下拉列表,jquery,html,jquery-selectors,Jquery,Html,Jquery Selectors,如果选择的值为“A1”,如何使用jQuery选择器选择所有选择框 示例选择框: <select name="accesslevel"> <option value="A1">A1 Access</option> <option value="A2">A2 Access</option> </select> 有人能帮忙吗?这里有一些类似于您最初的规范,但只是做了一些修改,以便与我的选择器配合使用 $('.container'

如果选择的值为“A1”,如何使用jQuery选择器选择所有选择框

示例选择框:

<select name="accesslevel">
<option value="A1">A1 Access</option>
<option value="A2">A2 Access</option>
</select>

有人能帮忙吗?

这里有一些类似于您最初的规范,但只是做了一些修改,以便与我的选择器配合使用

$('.container').find('option[value=A1]').filter(':selected').parent('select').show();
这里是简化的:

$('option[value=A1]:selected').parent('select');

只需在所有html正文中选择选项

alert($('option[value=A1]').html());
对于
选择

alert($('select[name=accesslevel]').find('option[value=A1]').html());
但警报将只与一个元素一起工作

为您选择

$('option[value=A1]').parent().remove(); 
它将选择父项并将其删除。

尝试:

$('select option[value="A1"]:selected')
你可以在下面添加你的函数

$('select').filter(
function(){   
   if($(this).val()=="A1")
        return true;
    else
        return false;
}
).parent().nextAll('td[id^="A1Access"]').show();

如前所述,Prakash的解决方案是最接近的,但它选择选项值,而不是选择框本身。可以使用:has选择器修复此问题

$('select:has(option[value="A1"]:selected)')
做一个这样的身份证

<select name="accesslevel" id="myselector">
<option value="A1">A1 Access</option>
<option value="A2">A2 Access</option>
</select>

这将返回选项本身,而不是选择框。@DSKVR很好,很简单,可以从这里
.parent('select')
。或者只是
.parent()
。我刚刚给了选择器,现在他可以通过选择器做任何他想做的事情。我认为dsnettleton的答案比这个更好。这个选择器在IE Edge(可能还有其他IE)中的性能差得多。改为使用:$('option:selected').filter('[value=“A1”]').parent();您还可以执行$('select')。has('option[value=“A1”]:selected')
$('select:has(option[value="A1"]:selected)')
<select name="accesslevel" id="myselector">
<option value="A1">A1 Access</option>
<option value="A2">A2 Access</option>
</select>
$("select#myselector option:selected").each(function () 
{
     alert($(this).text() + " ");
});