javascript - Jquery：如果选择有选项 1 显示 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

如果“其他”（值=“21”）不在下拉列表中，我想隐藏#optionalmess

我在正确的轨道上，但在写它时我是个菜鸟..

请帮忙！=)

Answer 1

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

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

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

Answer 2

您可以将contains 选择器与toggle()结合使用：

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