Question

我有一个这样的表格，

<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？

感谢。

Answer 1

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

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

Answer 2

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

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

我认为这样可行（仅限支持localStorage的浏览器），但我尚未对其进行测试。

Answer 3

这是Firefox记住选择列表中选择内容的“功能”。

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

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

3 个答案: