양식 값이 innerHTML을

Question

은 내가

내가 제출 .innerHTML

을 사용하여 표시 양식을 받았을 때 이전 페이지의 손실, 다시 폼 페이지로 이동 형태가 비어 있습니다.

왜? 여기

는 jsfiddle

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

(양식에 값을 입력 제출 돌아가서 차이 Screen3를 참조하십시오.

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

을 2 양식에 대한 쉬운 해결책이 있습니다 첫 번째 동작을 복사 하시겠습니까?

미리 감사드립니다.

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

이이 문제를 해결 희망 !! !!