隐藏所有<div>除了一个依赖于下拉选择？</div>

Question

在我的网上商店，我有一个下拉列表，其中列出了许多产品。当下拉列表更改时，我想显示价格。

所有价格均以HTML格式写入个人＆lt; div> ID为“ProductPrice [x]”的标签。

如何隐藏所有ProductPrice [x]＆lt; div>但是显示使用javascript选择的那个？

由于 d

Answer 1

考虑将jQuery用于此类任务。使用jQuery变得简单：

 var selectedID = ... // retrieve selected id number
 $("[id^=ProductPrice]").hide();
 $("#ProductPrice[" + selectedId + "]").show();

更优雅的jQuery解决方案：

 var selectedID = ... // retrieve selected id number
 var selectedDiv = $("#ProductPrice[" + selectedId + "]");
 $("[id^=ProductPrice]").not(selectedDiv).hide();
 selectedDiv.show();