[問題] 如何讓使用者已輸入的內容不消失

看板Ajax作者a0960330 (ViperLiu)時間8年前 (2015/08/28 13:15)推噓3(3推 0噓 7→)

留言10則, 5人參與討論串1/1

我用HTML設計了一個表單如下 <table id="table" style="float:inherit"> <tr><th>物品名稱</th><th>數量</th><th>小計</th></tr> <tr> <td><input type="text" name="item[]" require></td> <td><input type="text" name="many[]" require></td> <td><input type="text" name="total[]" require></td> </tr> </table> <input type="button" id="btn1" value="新增一項物品"><br/> 預設是只有一欄可以讓使用者輸入因為不知道使用者有多少筆資料要輸入，所以我設計一個按鈕讓使用者自行新增輸入欄位如下： <script> window.onload = function(){ document.getElementById("btn1").onclick = newitem; }; function newitem(){ document.getElementById("table").innerHTML+= "<tr><td><input type=\"text\" name=\"item[]\" require></td> <td><input type=\"text\" name=\"many[]\" require></td> <td><input type=\"text\" name=\"total[]\" require></td></tr>"; } </script> 可是，如果使用者已經輸入了內容在原有的欄位裡面按下按鈕新增欄位之後，原本已經輸入的內容就會被清空能有什麼解決的辦法嗎? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.130.225.223 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1440738946.A.668.html ※ 編輯: a0960330 (220.130.225.223), 08/28/2015 13:18:34 ※ 編輯: a0960330 (220.130.225.223), 08/28/2015 13:19:20

→

Darkland

08/28 13:20, , 1^F

08/28 13:20, 1^F

→

Darkland

08/28 13:20, , 2^F

08/28 13:20, 2^F

謝謝您，我去研究看看 ※ 編輯: a0960330 (220.130.225.223), 08/28/2015 13:24:40 ※ 編輯: a0960330 (220.130.225.223), 08/28/2015 13:27:06

推

mrbigmouth

08/28 15:30, , 3^F