Jquery: Si vous sélectionnez l'option 1 a show div

Question

ok si celui-ci était difficile pour moi ...

j'ai une baisse créé dynamiquement vers le bas et si l'option « Autre » est que je veux descendre montrer div #optionalmess

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

donc si .variationselect contient l'option "autre" (ou value = "21") montrent #optionalmess

si "autre" (value = "21") ne sont pas dans la déroulant, je veux cacher #optionalmess

im sur la bonne voie, mais je suis un noob quand il s'agit de l'écrire ..

s'il vous plaît aider! =)

Answer 1

Vous pouvez utiliser le contains selector, conjointement avec toggle() pour cela:

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

Answer 2

Vous pouvez utiliser .toggle(bool) pour la peau/spectacle avec une condition, comme ceci:

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

Cela ressemble à une <option> avec une valeur de 21 sous .VariationSelect et vérifie la .length pour voir si des éléments correspond à ce sélecteur.