フォーム値がinnerHTMLの

Question

は私が

私が提出.innerHTML

を使用して表示するフォームを得たときに前のページに失われ、バックフォームページに戻り、フォームは空です。

なぜですか？ここで

は（フォームに値を入力し、提出し、戻って違いScreen3を参照してください。

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

第二のフォームのための簡単な解決策はあるのjsfiddle

https://jsfiddle.net/ft5bjhqq/3/

です最初の動作をコピーするには

ありがとうございます。

Answer 1

これは最善の方法であるかどうかわかりませんが、問題が解決します。あなたのフィドルを編集

、

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"> 

JS

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>'; 

が、それはあなたの問題を解決ホープチェック!!