Javascript 动态保存和刷新

因此，我有一个由动态下拉列表（国家/州/城市）生成的表单。现在，当用户单击以更新他们输入的信息时，它会将他们带回开始屏幕，在那里他们必须完成选择与更改关联的特定目的地的过程

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

这是我提交的代码-

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

您有两个选择：

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

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

• 刷新时预先填写表单值

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

---

例如，在PHP for select elements中，如果$\u POST[“variable”]是特定值，则可以设置所选属性。

您可以提供js代码吗？我的JavaScript中没有与提交按钮相关的内容。好的，您在哪里调用PHP脚本？我可能会使用该选项不刷新页面。

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