Question

我收到了一个用.innerHTML

显示的表单

当我提交并返回表单页面时，表单为空。

为什么？

这是一个jsfiddle

（在表单中输入值，提交，返回并查看差异Screen3。

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

是否有第二种形式的简单解决方案来复制第一种形式的行为？

提前致谢！

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

希望它能解决你的问题!!

在innerHTML时，在上一页上丢失了表单值

1 个答案: