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的任何.VariationSelect，并检查.length以查看是否有任何元素与该选择器匹配。

Answer 2

您可以将contains selector与toggle()结合使用：

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

Jquery：如果select有选项1 show div

2 个答案: