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

Question

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

这很有效，直到用户提交并且提交因任何原因失败。发生这种情况时，用户必须再次填写表单，因为下拉值仅由用户输入填充。

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

由于

Answer 1

最好的方法是在发布回页之前在hiddenfield或cookies中存储此下拉列表的项目，然后在回发后从hiddenfield或cookies再次获取数据并恢复它

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

检查此解决方案：Javascript Cookie Library with jQuery bindings and JSON support

---

您还可以使用：DOM Storage

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

sessionStorage对象对于挂起临时数据非常有用，如果浏览器被意外刷新，应该保存和恢复。