隐藏除<div>一个依赖于下拉选择之外的所有内容？

Question

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

所有的价格都是在单个<div>标签，id为"ProductPrice[x]"。

如何隐藏所有ProductPrice[x]<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();