Jquery：如果选择有选项 1 显示 div

Question

我有一个动态创建的下拉列表，如果选项“其他”在该下拉列表中，我想显示 div #optionmess

<select class="VariationSelect" style="width: 95px;">
    <option value="">Select Size</option>
    <option value="1">Example</option
    <option value="21">Other</option>
</select>

如果 .variationselect 包含选项“其他”(或 value="21") 显示 #Optionalmess

如果“其他”(value="21") 不在下拉列表中，我想隐藏 #Optionalmess

Answer 1

您可以使用 .toggle(bool) 进行隐藏/显示条件，如下所示：

$("#optionalmess").toggle($(".VariationSelect option[value=21]").length>0);

这将查找 .VariationSelect 下任何值为 21 的 并检查 .length 查看是否有任何元素与该选择器匹配。

Answer 2

您可以将 包含选择器 与 toggle() 为此：

$('#optionalmess').toggle(
    $(".VariationSelect option:contains('Other')").length > 0 
);