條件顯示行

假設有在JSP示例代碼如下：條件顯示行

<html> 

     <body> 
     <form method="get" action="TestJSP.jsp"> 
     <table> 
     <tr> 
      <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="submit" name="submit" value="Add Item" /></td> 
     </tr> 
     </table> 
     </form> 
    </body> 
    </html>

我想，當我在文本字段中輸入數據，然後點擊「添加項目」按鈕，整行應複製到當前行的下方。除此之外，前一行應該保留其數據，新行應該爲空。需要你的幫助。

來源

2012-12-09 Sujeet kumar

你問如何做到這一點的所有客戶端，用JavaScript？（如果是這樣，你可能希望你的按鈕是'type =「按鈕」'。）到目前爲止你嘗試過了什麼？ – nnnnnn

這是那種我會做純粹的客戶端的東西，並使用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');

來源

2012-12-09 11:09:51 NimChimpsky

回答

相關問題