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

Question

如何使用 jQuery 选择器选择所有选择框，其中所选值是“A1”？

示例选择框：

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

我必须使用选择器来执行以下操作：

.parent().nextAll('td[id^="A1Access"]').show();
.parent().nextAll('td[id^="A2Access"]').hide();

任何人都可以帮忙吗？

Answer 1

如前所述，Prakash 的解决方案是最接近的，但它选择选项值而不是选择框本身。这可以通过 :has 选择器来修复。

$('select:has(option[value="A1"]:selected)')

Answer 2

尝试 ：

$('select option[value="A1"]:selected')

Answer 3

$('select').filter(
function(){   
   if($(this).val()=="A1")
        return true;
    else
        return false;
}
)

您可以在此之后添加您的功能，例如

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

Answer 4

这类似于您的原始规范，但只是进行了一些修改以与我的选择器配合使用。

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

这是简化的：

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

Answer 5

用于简单地在所有 html 正文中选择选项

alert($('option[value=A1]').html());

对于 select

alert($('select[name=accesslevel]').find('option[value=A1]').html());

但警报仅适用于一个元素。

对于选择，您

$('option[value=A1]').parent().remove(); 

将选择父级并将其删除。

Answer 6

创建一个像这样的 id..

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

现在用该 id 选择它。

$("select#myselector option:selected").each(function () 
{
     alert($(this).text() + " ");
});