0

列ヘッダーとして PartNumber と Quantity の 2 つの列を持つテーブルがあります。各行は、ネットワーク経由でデータを送信するために使用される特定の 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>

ボタンをクリックすると、さらに処理するためにデータをWebサービスに送信する必要があります。

私の新しいタスクは、addrow ボタンのクリックで行を動的に追加することです。テキストボックスを使用して行を追加することは問題ではありません。問題は、すべてのフィールドに ID を割り当てることです。つまり..次の行には「t6」と「q6」のIDが必要です。これを行うにはどうすればよいですか

4

1 に答える 1

0

id各フィールドの属性に行番号を追加するだけです。

大まかなコードで従う必要があるプロセスは次のとおりです。

var rowNumber = $('table tr').length + 1;
$('#newRow input').attr('id', 't' + rowNumber);
$('#newRow').appendTo('table');
于 2012-11-28T11:14:10.490 に答える