Question

我想知道你是否可以从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中显示多个内容。

希望你能帮帮我吗？

提前致谢！

Answer 1

您不得在HTML中定义两个具有相同ID的元素，它应该是唯一标识符。类可以多次使用，所以使用它！

Answer 2

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

Answer 3

如果要在单个对象上显示或应用css，则应使用ID。如果要在多个对象上显示或应用css，则应使用CLASS。

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

避免这个

 id="INVOICE"

使用此

class="INVOICE"

希望它会对你有所帮助。

从onchange值显示多个具有相同id的div或表内容

3 个答案: