javascript - すべて非表示ドロップダウンの選択に依存するものとは別に？

Question

私のオンライン ストアには、多数の製品を一覧表示するドロップダウンがあります。ドロップダウンが変更されたら、価格を表示したいと思います。

すべての価格は、ID "ProductPrice[x]" を持つ個々の < div > タグ内に HTML で記述されます。

すべての ProductPrice[x] < div > を非表示にして、javascript を使用して選択したものを表示するにはどうすればよいですか?

ありがとう

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();