使用 javascript 重新填充表单字段答案

【问题标题】：Repopulating form fields with javascript使用 javascript 重新填充表单字段
【发布时间】：2013-04-26 01:42:23
【问题描述】：

嗨，对不起，我是 Javascript 的新手，但我需要知道当我有这种表单时如何重新填充表单字段：

我尝试使用此代码（部分）但它不起作用，文件名是'testjavascript.html'

<head>
<script language="javascript" type="text/javascript">   
 function updateUsername(){        
     var first = document.getElementById("first").value;              
     document.getElementById("first").value = first;    
  } </script>

</head>
<body>
      <form action="action.php" method="post">
            <input type="text" name="usename" value="" id="first" >
            <a href="testjavascript.html?auto=1" onclick="updateUsername();" id ="link">Link</a>
            <input type="submit" name="submit">
      </form>
</body>

【问题讨论】：

您的代码等于：var a= "a"; var b = a; a = b; 非常有帮助！
看起来您正在获取first 的值，然后将其重新分配回同一字段？您试图从哪个字段获取值以及将其放在哪里？
我希望当我点击 href 链接时 name="username" 和 id="first" 的字段内容保持不变

标签： javascript forms populate

【解决方案1】：

此行为需要在服务器端。当您更改页面时，浏览器将重新加载您的 javascript 代码，您将丢失所有引用。

【讨论】：

我不改页面，还是同一个页面testjavascript.html
但是当你点击链接时，整个页面会刷新吗？
@Alex 这就是 Valmir 所指出的，当您单击链接时，您的浏览器会重定向到另一个页面；即使重新加载的页面完全相同，结果也是您丢失了上一页的所有上下文。你不能以你正在做的方式通过javascript保存它；您必须将其保存在 cookie 中并在重新加载页面时将其重新加载，或者将其作为查询字符串的一部分传递，或者如 Valmir 所说，将其保存在服务器端并将其重新公开给新呈现的页面。