Jquery：如果select有选项1 show div

好的，所以这个对我来说很棘手……

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

 Select Size Example</option Other  

所以，如果.variationselect包含选项“Other”（或value =“21”），则显示#optionalmess

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

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

请帮忙！ =）

Answer 1

您可以将包含选择器与toggle（）结合使用：

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

Answer 2

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

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

这将在.VariationSelect下查找值为21的任何 ，并检查.length以查看是否有任何元素与该选择器匹配。