javascript - jspでの条件行表示

Question

jsp に次のようなサンプル コードがあるとします。

テキスト フィールドにデータを入力して [アイテムの追加] ボタンをクリックすると、行全体が現在の行の下に複製されるようにしたいと考えています。これに加えて、前の行はデータを保持し、新しい行は空にする必要があります。君の力が必要。

Answer 1

これは、純粋にクライアント側で行い、jQuery を使用するようなものです。

<table id = "myTable">
<tr id="myRow">
 <td>Quantity</td>
 <td><input type="text" size="10" style="background-color: aqua" name="quantity"> </td>
 <td>Price</td>
 <td><input type="text" disabled="disabled" size="10" style="background-color: aqua" name="price"></td>
 <td><input type="button" id="copyRow" value="Add Item" /></td>
</tr>
</table>

そしていくつかのjQuery：

$('#copyRow).clone("#myRow").appendTo('#myTable');