如何保留下拉选择值，其值来自ajax响应？

Question

我通过ajax调用在状态下拉选择值的基础上填充城市下拉。即，当用户点击状态下拉的任何状态然后根据状态ID，我正在进行ajax调用，该调用根据状态id从数据库中获取城市名称并填充城市下拉。 我希望用户在状态和城市下拉时保留所选文本，即使重新加载页面也是如此。 我的问题是： 当重新加载页面时，我会使用帖子数组显示状态下拉列表中的选定状态，但是城市下拉再次重置以选择城市选项，因为其值来自ajax响应当用户选择任何状态时进行ajax调用。 谁可以在这方面帮助我？ 提前谢谢。

Answer 1

当用户更改下拉值（change事件）时，您可以将最后选择的城市ID存储在用户浏览器中存储ID的localStorage/sessionStorage中，例如：

// to save
localStorage.setItem("city_id", city_id);

// to load
var lastCityId = localStorage.getItem("city_id");

在您的javascript中完成请求后，您必须实施选择。这是我在你的帖子中提供的少量信息。任何新信息都会有所帮助。