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 содержит опцию "Other" (или value = "21"), show # optionmess

если "other" (value = "21") отсутствует в раскрывающемся списке, я хочу скрыть # optionmess

Я на правильном пути, но я нуб, когда дело доходит до написания этого ..

пожалуйста, помогите! =)

Answer 1

Вы можете использовать .toggle(bool) для скрытия / показа с условием, например:

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

Это выглядит для любого <option> со значением 21 под .VariationSelect и проверяет .length, чтобы увидеть, соответствуют ли какие-либо элементы этому селектору.

Answer 2

Вы можете использовать селектор содержит в сочетании с toggle () для этого:

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