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

谢谢。

4

3 回答 3

5

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

 $(function(){
      $('#alphabets option[value="D"]').attr('selected', true);
 });
于 2012-07-10T23:01:16.380 回答
0 
$(document).ready(function() {
    $("#alphabets").val(localStorage.alphabets);
});

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

我认为这会起作用（仅在支持localStorage的浏览器中），但我还没有测试过。

于 2012-07-10T23:06:00.137 回答
0

这是 Firefox 记住选择列表上的选择的“功能”。

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

于 2019-10-25T09:25:09.863 回答