表单值丢失在上一页当innerHTML

Form values lost on Previous page when innerHTML

本文关键字：一页 innerHTML 表单      更新时间：2023-09-26

我得到了一个使用。innerhtml

显示的表单

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

为什么?

这是一个jsfield

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

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

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

有没有一个简单的解决方案让第二种形式复制第一种形式的行为?

提前感谢!

我不知道这是不是最好的办法，但它一定能解决你的问题。

编辑你的小提琴，检查

小提琴

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

希望它能解决你的问题!

相关文章：