0

I recently found an answer to one of my questions here on stackoverflow which involved showing and hiding a div based on the value of a dropdown, here is the demo - http://jsfiddle.net/pXdS6/16/

My new question is, what if I wanted to show multiple divs with the same id based on the value

html like this:

<div id="divarea1" class="box">DIV Area 1</div>
<div id="divarea2" class="box">DIV Area 2</div>
<div id="divarea3" class="box">DIV Area 3</div>
<div id="divarea3" class="box">DIV Area 3</div>

If I select "DIV Area 3" from the dropdown I want both divs with #divarea3 to display

4

2 に答える 2

2

同じIDを持つ複数のDOM要素を持つことはできません。クラスを使用します。必要に応じて、何百ものクラスを使用して(実際にはそうではありません)、それらをグループ化します。クラスが機能するようになったら、

<div id="divarea1" class="box set1">DIV Area 1</div>
<div id="divarea2" class="box set1">DIV Area 2</div>
<div id="divarea3" class="box set2">DIV Area 3</div>
<div id="divarea4" class="box set2">DIV Area 3</div>

$('.set2').show();

これはあなたが達成したいことをするはずです。

于 2013-01-22T04:19:00.173 に答える
1

ID属性は、ページ上で一意である必要があります。「divarea3」アイテムの表示に関心がある場合は、各要素に別のクラスを追加し、そのクラスに基づいてそれらを表示できます。

于 2013-01-22T04:16:50.900 に答える