javascript - 动态保存和刷新

Question

所以我有一个由动态下拉菜单(国家/州/城市)生成的表单。截至目前，当用户单击更新他们输入的信息时，会将他们带回到开始屏幕，在那里他们必须完成选择与更改相关的特定目的地的过程。

有没有办法让提交按钮显示刚刚保存的所有内容，包括下拉框中的选项？或者有没有办法让提交按钮不刷新整个页面？

这是我提交的代码-

<input type="hidden" name="addedit" value="" />
<input type="submit" value="Update City" name="Update_City"align="center"style="background:#e5f9bb; cursor:pointer; cursor:hand;" />

还有 php 更新 -

 if (isset($_POST['Update_City'])){
 //stuff
 $SQL = "UPDATE city SET.....etc 
 }

Answer 1

您有两个选择:

• 不刷新页面进行 AJAX 调用。

在这种情况下，您与后端进行的任何通信都将是异步的，并且您不需要刷新页面，从而保留表单值。

• 刷新时预填写表单值。

当您提交表单时，您就知道用户提交的值。您可以使用它们预填充选项。

例如。在 PHP 中，对于选择元素，如果 $_POST["variable"] 是该特定值，则可以设置所选属性。