Javascript 隐藏所有<；部门>；除了一个依赖于下拉选择之外？

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

所有的价格都以HTML格式写在id为“ProductPrice[x]”的单个

标记中

如何隐藏所有ProductPrice[x]

，但显示使用javascript选择的产品

谢谢

---

D

考虑对这样的任务使用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();