javascript - 查询 : If select has option 1 show div

Question

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

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

如果 .variationselect 包含选项“Other”(或 value="21")，则显示 #optionalmess

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

Answer 1

您可以使用 .toggle(bool) 对于带有条件的隐藏/显示，如下所示:

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

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