克隆后如何清除輸入，選擇和文本區域字段

Question

我正在為需要新文本字段的暴露項目創建表單。 當用戶單擊按鈕添加時

 function fncAdd() { //ADD ROW AND CLONE var tb = document.getElementById('tbl'); var tbody = document.createElement('tbody'); // fixed IE :> tb.insertBefore(tbody, null); var clone = document.getElementById('cln').cloneNode(true); tbody.insertBefore(clone, null); } function fncDelete() { //DELETE ROW var tb = document.getElementById('tbl'); var del = tb.rows.length; if (del > 1) { tb.deleteRow(del - 1); } } 

 <tr id="cln"> //CALL CLONE FUNCTION <div align="center">1</div> </td> <?php //CONNECT DATABASE include 'dbConfig.php'; $query = $db->query("SELECT * FROM accountcode ORDER BY acc_id ASC "); $rowCount = $query->num_rows; ?> <td> <select id="accountcode"> //DROPDOWN 2ND BY AJAX <option value=""> - - Please select - - </option> <?php if($rowCount > 0){ while($row=$query->fetch_assoc()){ echo '<option value="'.$row['acc_id'].'">'.$row['acc_name'].'</option>'; } }else{ echo '<option value="">Accountcode not available</option>'; } ?> </select> </td> <td> <select id="item"> //DROPDOWN 2ND BY AJAX <option value=""> - - Select accountcode first - -</option> </select> </td> <td> //DETAIL BOX <textarea rows=4 cols=25 class="txtDETAIL" maxlength="100"> </textarea> </td> <td> <input type="text" class="txtAMOUNT" size="5"> //AMOUNT BOX </td> <td> <input type="text" class="txtUNIT" size="5"> //UNIT BOX </td> <td> //NOTE BOX <textarea rows=4 cols=15 class="note" maxlength="60"> </textarea> </td> <td> //UPLOADFILE FOR PICTURE OR STOCK <a href='upload.php?id={$row[' id="id" ']}'>CLICK</a> </td> </table> <p> <input type="button" value="ADD" onClick="fncAdd()"> //BUTTON ADD <input type="button" value="DELETE" onClick="fncDelete()"> //BUTTON DELETE </p> 

當用戶單擊按鈕時，我想創建文本字段值時遇到麻煩，我想克隆功能不從第一行和第一列復制舊值，NO可以自動遞增

我怎樣才能做到這一點

例

Answer 1

要清除您可以使用的表單數據，

document.getElementById("form1").reset();

您的表格應如下所示：

<form id="form1">
   <input .....
</form>

Answer 2

需要注意的是，克隆的元素具有唯一的ID（例如，在原始ID上附加-1等）。

另外，我最近使用jQuery完成了此操作，但是我使用了string.replace（regex，''）;。 而不是這種方法。

哦，是的，可以根據您的情況進行編輯的示例：

var element = document.getElementById('id-of-element').cloneNode(true);

element.childNodes[x].nextSibling.childNodes[y].value = '';

document.getElementById('target-element').insertBefore(element, null);

親切的問候，