1

onchange 値から同じ ID の複数の div またはテーブル コンテンツを表示できるかどうかを知りたいです。ドロップダウンからオプションを選択すると、そのコンテンツが表示されますが、同じオプションが選択されたときにページの他の場所から別のコンテンツを表示したい場合と同様です。

私のコードは次のとおりです。

<select name="debitOrderType" id = "debitOrderType" 
onChange="display(this,'BANK','CARD','INVOICE');">
<option>Please select...</option>
<option value="BANK" selected>Debit Order (Monthly)</option>
<option value="CARD">Credit Card (Monthly)</option>
<option value="INVOICE">Invoice (Yearly)</option>
</select>

次に、ドロップダウンから請求書を選択すると、次のように表示されます。

<tbody id="INVOICE" style="display: none;">
<tr>
<td class="field">Thank you for selecting to pay yearly in advance. By doing so you 
are receiving one month's free listing.
</td></tr>
</tbody>

しかし今、請求書が選択されているがページの別の部分にあるときに、次のALSOを表示したい:

<tbody id="INVOICE" style="display: none;">
<tr><td height="5"></td></tr>
<tr><td align="right">This is your discounted yearly price</td></tr>  
</tbody>

ただし、両方ではなく、最初の部分のみが表示されます。同じ ID から複数のコンテンツを表示することはできないようです。

あなたが私を助けてくれることを願っていますか？

前もって感謝します！

4

3 に答える 3

0

単一のオブジェクトに css を表示または適用する場合は、 を使用する必要がありますID。また、CSS を複数のオブジェクトに表示または適用する場合は、 を使用する必要がありますCLASS。

あなたの例では、IDを避けてクラスを使用する必要があります。

これを避ける

 id="INVOICE"

これを使って

class="INVOICE"

それがあなたを助けることを願っています。

于 2013-04-25T10:52:05.340 に答える
0

HTML で同じ ID を持つ 2 つの要素を定義してはなりません。これは一意の識別子であることを意図しています。クラスは複数回使用できるので、それを使用してください！

于 2013-04-25T10:46:17.013 に答える
0

まず第一に、DOM は同じ ID の 2 番目の要素を見つけることはありませんが、同じ ID を複数の要素に割り当てることはベッド プラクティスです。両方のテーブルにクラスを割り当て、コンボ ボックスの onChange イベントで表示されるようにすると、機能します。

于 2013-04-25T10:47:08.753 に答える