在页面刷新时恢复下拉选择的选项?

use*_*317 0 html javascript jquery

我有一个这样的表格

<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>
Run Code Online (Sandbox Code Playgroud)

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

知道如何在页面刷新时使页面显示选项 D 吗?

谢谢。

Fre*_*all 5

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

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