Question

我有一个搜索表单，其中点击提交按钮，它会显示下面的表单值。这是代码：

 <input type="text" name="searchfield" id="searchfield" value="" />
<input type="submit" name="submit" id="submitSearch" value="Submit" onclick="document.getElementById('output').innerHTML = document.getElementById('searchfield').value" />
<div id="output"></div>

它工作正常，但一旦提交（页面重新加载而不是转到另一页），输出div中的值就会消失。

即使在页面重新加载后，有没有办法让值保持不变？

我正在努力寻找实现这一目标的最简单方法。

Answer 1

您可以通过多种方式执行此操作，例如使用获取值，会话，Cookie，localstorage，ajax，...

由于您正在尝试构建搜索表单，因此GET值似乎最合适（或者也是ajax）。

代码示例：

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="get">
  <input type="text" name="searchfield" id="searchfield" value="" />
  <input type="submit" id="submitSearch" value="Submit"/>
</form>

<div id="output">

<?php

if(isset($_GET['searchfield'])) {
  echo $_GET["searchfield"];
 }

?>

</div>

如果您不想重新加载，请检查AJAX。

使用.innerHTML重新加载后，在页面上保留表单ID的输出值

1 个答案: