javascript - 全部藏起来除了一个依赖于下拉选择？

Question

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

所有价格都以 HTML 格式写入单个 < 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();