jquery获取数组的选择选项

我有点坚持一个 – 大概很难解决问题。

我想创建将用于网站上所有选定元素的代码。

根据分配给“选项”的“标签”属性，我想隐藏所有其他“div”元素，这些元素的类与此特定“选择”菜单中“选项”的其他“标签”值相同。

让我来certificate一下：

 Select one… Google Yahoo Magazine Other  
 
 

现在 – 菜单下div中的“dn”类只分配了“display：none”。

根据所选的选项 – 如果它的值为3 – 我希望div与类显示相同的类 – 然后如果我选择值为4的选项 – 所有其他div（其中类名将从所有选项中填充）这个select元素）应该hide（）并且只选择show（）。

我不太确定如何将特定“select”元素的所有“选项”元素放到数组中。 然后大概我可以使用each（）语句遍历它并找出它们是否具有“label”，如果是这样的话 – 用与其值匹配的类隐藏元素。

然后在循环之后，我可以显示具有与所选“选项”的“label”参数的值匹配的类的元素。

我希望这是有道理的。

知道怎么做到这一点？

非常感谢。

Answer 1

给所有与特定选择相关的div选择一个类，该类是该元素的名称。 然后你可以这样做：

 $('.sel_depend').change(function(){ var class = $(this).attr('name'); $('.' + class).hide(); var divToShowClass = $(this).find(':selected').attr('label'); $('.' + divtoShowClass).show(); }); 

Answer 2

  $('.sel_depend').change(function() { var optionWithLabels = $('.sel_depend').children("option[label]"); if($("option:selected", this).attr('label')) { optionWithLabels.each(function(){ $('.' + $(this).attr('label')).hide(); }); $('.' + $("option:selected", this).attr('label')).show(); } });