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种输入类型，即选择和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的示例，或者只是将它们传递给您的sessions变量。我喜欢

Answer 2

您可以考虑以下建议。

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

提交表单时存储

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

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

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

访问表单时检查并检索

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

当你不再需要它们时，请记得随时取下你的物品。这将确保您的用户在预期时拥有干净的表单。

PHP表单在重新加载时保留表单的值或转到上一个

2 个答案: