PHP表单在重新加载或转到以前的时候保留窗体的值。

Question

我的问题是，在提交表单后，我想记住它的值。让我解释一下:我的表格是这样的：

​

<fieldset>
<legend> Indicateur : </legend>
<select name="indicateur" id="indicateur" onchange="choixindic(this.value);" >
<option value="indic1">Indic1</option>
<option value="indic2">Indic2</option>
<option value="indic3">Indic3</option>
<option value="indic4">Indic4</option>
<option value="indic5">Indic5</option>

</select>
</fieldset>
<br>

<fieldset>
<legend> Catégorie : </legend>
<div>
<table >
<tr>
<td><div class="part">
<input type="checkbox" id="part" name="part"><label for="part">Particuliers</label>
</div></td>
<td><div class="pro">
<input type="checkbox" id="pro" name="pro"><label for="pro">Petits Pros</label>
</div></td>
</tr>
</table>
</div>
</fieldset>

因此，我有两个输入类型，也就是说，一个选择和2个复选框。

然后提交表单，转到"main.php“查看结果(高图表的性能指标图)。

但是，当我单击前一次返回到我的表单时，表单是空的，我的选择也没有了(如果我选中了“赞成”，当我回来时没有选中复选框)。

我的头看起来是这样的，可能是一些js脚本引起的：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>OTIS</title>

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="testform.css">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>


<script type="text/javascript" src="js/scriptSat.js"></script>
<script src="js/Respond-Master/Respond-Master/dest/respond.min.js"></script>

<script>


</script>
</head>

我的问题是

如何在用户操作后保留值？

Answer 1

您可以使用@siha的示例，也可以将它们传递给会话变量。我所主张的

Answer 2

你可以考虑以下建议。

当用户访问页面并提交表单时，可以将表单的所有值保存到带有localStorage的html5中。

在表单提交时存储

localStorage.setItem("lastname", "Smith");
localStorage.setItem("choice", "1");

当用户重新访问您的页面时，您必须检查所保存的项目是否存在。如果没有，这些值将返回null。

但是，如果是这样，您可以以这种方式填充您的字段。

访问表单时检查和检索

var lastname = localStorage.getItem("lastname");
if(lastname != null) { document.getElementById("result").innerHTML(lastname); }

当你不再需要的时候，记得在任何时候移除你的物品。这将确保您的用户在他们期望的情况下有一个干净的表单。