1

我想知道您是否可以从 onchange 值显示多个具有相同 id 的 div 或 table 内容。就像我从下拉列表中选择一个选项并显示其内容但我想在选择相同选项时从我的页面的其他位置显示另一个内容。

我的代码如下：

<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>

但是现在我想在选择发票但在页面的另一部分显示以下内容：

<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

您不能在 HTML 中定义具有相同 id 的两个元素，这意味着它是一个唯一标识符。类可以多次使用，所以使用它！

于 2013-04-25T10:46:17.013 回答
0

首先，将相同的 id 分配给多个元素是一种习惯做法，尽管 DOM 永远不会找到相同 id 的第二个元素。将类分配给两个表并使其在组合框的 onChange 事件中可见，然后它将起作用。

于 2013-04-25T10:47:08.753 回答
0

如果要在单个对象上显示或应用 css，则应使用ID. 如果您想在多个对象上显示或应用 css，那么您应该使用CLASS.

在您的示例中，您应该避免使用 ID 并使用类。

避免这种情况

 id="INVOICE"

用这个

class="INVOICE"

希望它会帮助你。

于 2013-04-25T10:52:05.340 回答