首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >补偿后退按钮,使select元素未填充

补偿后退按钮,使select元素未填充
EN

Stack Overflow用户
提问于 2013-10-23 11:13:44
回答 1查看 218关注 0票数 1

我有一个带有两个select元素的表单,其中我在父选择上绑定一个onchange事件,该事件使用ajax填充子选择的选项。我将事件绑定到jQuery,但为了简单起见,在下面的示例中使用了onchange属性。

代码语言:javascript
运行
AI代码解释
复制
<select id="parent_select" onchange="getOptions($(this).val(),'child_select');">
    <option>A</option>
    <option>B</option>
    ...
</select>
<select id="child_select"></select>

提交表单将用户带到一个新页面。如果他们使用浏览器的“后退”按钮返回,父选择仍然有被选中的选项(至少在chrome中是这样)。但是,不会填充子选择,这是预期的。

说明这种情况并填充子选项的最佳方法是什么?

到目前为止,我已经想出了在$(document).on('ready',function(){...});中检查父程序是否有选择选项的方法。有更好的方法吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-10-23 11:30:05

可以使用URL哈希记录和还原页状态。

请参阅:Working with single page websites and maintaining state using a URL hash and jQuery

主要示例向您展示了如何使用哈希。您需要记录使用像#S1=3这样的元素来选择哪个元素,然后在页面加载时查找该值,并相应地设置SELECT索引。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19550426

复制
相关文章

相似问题

领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文