文章/答案/技术大牛

发布

社区首页 >问答首页 >是否在页面刷新时恢复下拉选定选项？

问是否在页面刷新时恢复下拉选定选项？
EN

Stack Overflow用户

提问于 2012-07-11 06:49:25

回答 3查看 5.5K关注 0票数 0

我有一张这样的表格，

<html>
<body>
<form>
<select name="alphabets" id="alphabets">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    <option value="D" selected="selected">D</option>
</select>
</form>
</body>
</html>

当我第一次拉出页面时，选项D被选中。如果我从下拉列表中选择选项A，然后执行页面刷新，我希望下拉选项返回到D。在页面刷新时，我希望所有内容都返回到其初始状态。但该下拉菜单显示选项A或之前选择的任何内容。

你知道如何在页面刷新时让页面显示选项D吗？

谢谢。

javascript

jquery

html

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-07-11 07:01:16

将以下内容放在页面上的脚本标记中。

 $(function(){
      $('#alphabets option[value="D"]').attr('selected', true);
 });

票数 5

Stack Overflow用户

发布于 2012-07-11 07:06:00

$(document).ready(function() {
    $("#alphabets").val(localStorage.alphabets);
});

$("#alphabets").change(function() {
    localStorage.alphabets = $(this).val();
});

我认为这将工作(仅在支持localStorage的浏览器中)，但我还没有测试过它。

票数 0

Stack Overflow用户

发布于 2019-10-25 17:25:10

这是Firefox在选择列表中记住选择的一个“功能”。

将autocomplete="off"添加到<select>标记。

票数 0

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

原文链接：

https://stackoverflow.com/questions/11423155

复制

相似问题

问是否在页面刷新时恢复下拉选定选项？
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否在页面刷新时恢复下拉选定选项？EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否在页面刷新时恢复下拉选定选项？
EN