表單值丟失上一頁頁時innerHTML的

當我提交表單，並返回到表單頁面，形式是空的。

爲什麼？

這裏是一個的jsfiddle

（在表格中輸入值，提交回去，看到了差距Screen3。

document.getElementById('test').innerHTML = ''+ 
    '<form method="post" action="azerty.php">'+ 
    '<input type="text"> '+ 
    '<input type="submit" value="OK">'+ 
    '</form>';

是否有第二形式的簡單的解決方案複製第一個的行爲？

在此先感謝！

來源

2016-10-11 Hlkz

你期望表單的內容是什麼？ – Halcyon

我在提交之前在表單中輸入的內容。 [屏蔽1：輸入值（http://img15.hostingpics.net/pics/421006screen1.png） [屏蔽2：提交]（http://img15.hostingpics.net/pics/548033screen2.png） [Screen3：返回上一頁]（http://img15.hostingpics.net/pics/985797screen3.png） – Hlkz

爲什麼你不使用隱藏的輸入來填充值，每當你的頁面被加載時，它加載您的測試相同.innerHTML –

我不知道這是不是最好的方法，但它會解決你的問題。

編輯你的小提琴，檢查

Fiddle

HTML

<form method="post" onsubmit="copValue()" action="azerty.php"> 
    <input type="text"> 
    <input type="submit" value="OK"> 
</form> 

<br> 

innerhtml 
<div id="test" > </div> 
<input type="hidden" id="iAmHidden">

var value=document.getElementById('iAmHidden').value; 


    function copValue() { 
    document.getElementById('iAmHidden').value = document.getElementById('formText').value; 
    return true; 
    } 

document.getElementById('test').innerHTML = ''+ 
    '<form method="post" onsubmit="copValue()" action="azerty.php">'+ 
    '<input type="text" id="formText" value="'+value+'"> '+ 
    '<input type="submit" value="OK">'+ 
    '</form>';

希望它可以解決你的問題！

來源

2016-10-11 18:02:27

謝謝你的答案！我使用innerHTML來更改頁面，而無需重新加載整個頁面。（菜單/頁腳沒有重新加載）所以我可以保持音樂播放之間/換頁後。因此，我不能在我的腳本顯示錶單之前設置隱藏的輸入html。（表單是通過腳本顯示的頁面） – Hlkz

我仍然可以使用你的方式在我的網站的所有頁面上設置隱藏的輸入，但我認爲可以有另一種方式 – Hlkz

是的，你可以給它作爲答案如果它爲你工作!!，謝謝！ –

表單值丟失上一頁頁時innerHTML的

回答

相關問題