jquery - 如何使用 jquery 保留动态生成的下拉列表的值

Question

我正在使用 codeigniter 框架构建一个 webapp。我的表单中有一系列 4 个下拉字段，每个都依赖于最后一个字段，因此我在用户选择一个选项后使用 JQuery 填充它们。

这在用户提交并且无论出于何种原因提交失败之前都可以正常工作。发生这种情况时，用户必须再次填写表单，因为下拉值仅由用户输入填写。

我可以将用户选择存储在会话中。但是我应该如何使用正确的选项重新构建下拉列表？

谢谢

Answer 1

最好的方法是将此下拉列表的项目存储在回发页面中hiddenfield或cookies之前，以及在回发之后再次从hiddenfield或cookies恢复数据。

当您从隐藏字段或 cookie 恢复时，只需检查它是否包含数据，如果不是在页面加载时填充它。

检查此解决方案：带有 jQ​​uery 绑定和 JSON 支持的 Javascript Cookie 库

---

您还可以使用：DOM 存储

// Save data to a the current session's store 
sessionStorage.setItem("username", "John");  
 // Access some stored data 
alert( "username = " + sessionStorage.getItem("username")); 

sessionStorage 对象对于在浏览器意外刷新时保留应保存和恢复的临时数据最有用。