使用表数据作为文本框动态地将行添加到html中的表

时间:2012-11-28 11:10:29

标签: jquery

我有一个包含两个cloumns PartNumber和Quantity作为列标题的表。每行都是一个可编辑的文本框,其中包含用于通过网络发送数据的特定ID。表结构如下

<tr>
<th>Part Number</th>
<th>Quantity</th>
</tr>
<tr>
<td><input type="text" id="t1"></td>
<td><input type="number" id="q1"></td>
</tr>
<tr>
<td><input type="text" id="t2"></td>
<td><input type="number" id="q2"></td>
</tr>
--
--
--
<tr>
<td><input type="text" id="t5"></td>
<td><input type="number" id="q5"></td>
</tr>

点击按钮,我必须将数据发送到webservice进行进一步处理。

我的新任务是在点击addrow按钮时动态添加行。添加带有文本框的行不是问题。问题在于为每个字段分配ID。 ie ..下一行应该将ID设为't6'和'q6'我该怎么做

1 个答案:

答案 0 :(得分:0)

您只需将行号附加到每个字段的id属性即可。

以下是粗略代码中您需要遵循的流程:

var rowNumber = $('table tr').length + 1;
$('#newRow input').attr('id', 't' + rowNumber);
$('#newRow').appendTo('table');