页面刷新时还原下拉选择选项？

我有这样的形式，页面刷新时还原下拉选择选项？

<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页面刷新？

谢谢。

来源

2012-07-10 user471317

你在Firefox中更新吗？这是我曾经工作过的唯一一个在页面刷新时保持表单数据的浏览器。 http://stackoverflow.com/questions/1479233/why-doesnt-firefox-show-the-correct-default-select-option – TheZ 2012-07-10 22:55:16

您是否在文档就绪处理程序（或在您的脚本块后出现选择）：'$（“＃字母”）。val（“D”）' – nnnnnn 2012-07-10 22:56:33

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

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

来源

2012-07-10 23:01:16 Fresheyeball

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

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

我认为这会工作（仅在支持localStorage浏览器），但我没有测试它。

来源

2012-07-10 23:06:00

页面刷新时还原下拉选择选项？

回答

相关问题