2013-04-25 50 views
1

相同ID的一个股利或表的内容更多,我想知道你是否能显示来自平变化值相同ID的多个股利或表的内容。就像如果我从下拉菜单中选择一个选项并显示其内容,但是当我选择了相同的选项时,我想从我的页面的其他地方显示另一个内容。显示比平变化值

我的代码如下:

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

但只有第一部分显示d不是两个。看起来您无法显示来自同一个ID的多个内容。

希望你能帮助我吗?

在此先感谢!

回答

0

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

0

首先,它是床上的做法相同的ID分配给多个元素,虽然DOM将永远找不到相同ID的第二个元素。将分配给两个表,并使其在组合框的onChange事件中可见,然后它将工作。

+0

嗨,感谢您的回复,我如何让它们在onchange事件中可见? – user2319262 2013-04-25 11:22:36

+0

你已经可见的表使用ID权?现在您只需将类添加到表中,而不是将id使用类添加到可见表中。如果你使用jquery在你的display()中添加以下行:“$(”。YourTableName“).css(”visibility“,”visible“);” – commit 2013-04-25 11:29:21

+0

嗨,我已经改变了我的两个到,但还是不对,我错过别的东西? – user2319262 2013-04-25 13:44:22

0

如果你想显示或应用单个对象的CSS,那么你应该使用ID。如果你想显示或应用多个对象的CSS,那么你应该使用CLASS

在你的榜样,你应该避免ID和使用类。

避免这种

id="INVOICE" 

使用此

class="INVOICE" 

希望它会帮助你。

+0

嗨,谢谢你的回复,我做到了这一点,它没有工作(什么也没有显示),我想我应该改变onchange事件吗? – user2319262 2013-04-25 11:23:25