2011-04-28 58 views
0

我想作为新的记录进来见下表更新表: enter image description here更新表 - 阿贾克斯HTML

我有,我需要获得使用Ajax实时信息的一部分。我使用<tr id = {$university}>作为ID来创建新行或更新现有的行。但更新似乎不起作用。即,如果为大学A创建新的学生入学条件,则添加新的HTML代码。所以,我现有的HTML代码看起来像

<tr id = "A"> 
    <td>A</td> 
    <td>Mr. X</td> 
    <td>[email protected]</td> 
</tr> 
<tr id = "A"> 
    <td></td> 
    <td>Mr. Y</td> 
    <td>[email protected]</td> 
</tr> 
<tr id = "A"> 
    <td></td> 
    <td>Mr. S</td> 
    <td>[email protected]</td> 
</tr> 

,当我添加使用相同<tr id = "A">新的数据,不追加信息,但创建一个新行:

<tr id = "A"> 
    <td>A</td> 
    <td>Mr. Z</td> 
    <td>[email protected]</td> 
</tr> 

不会追加信息,但创建另一个在UI中排。我如何将新信息附加到现有行?

新增的JS代码:在HTML http://pastebin.com/4tjyUgZa

+1

'id'应该是唯一的,使用'class'来代替。我们还需要看到js代码 – pleasedontbelong 2011-04-28 13:18:11

回答

1

ID的意思是独一无二的,你不应该复制它们。尝试使用类,而不是像<tr class="a">

我也认为你需要重新访问你的表结构。它看起来像你需要的是多个表,比如表“a”和表“b”,然后你可以将行附加到表中。你操纵表格行的方式并不是它们的工作方式。如果您有类似<table id="a"><table id="b">的东西,那么您可以简单地定位这些并轻松添加行。

您可能还想使用JavaScript框架,如jQuery。它将使操纵表格变得更容易,并且您将能够更快地编写代码。