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

标签 javascript jquery html

我有一个这样的表格,

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

谢谢。

最佳答案

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

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

关于javascript - 恢复页面刷新时下拉选择的选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11423155/

相关文章:

php - 自定义 twitter 'Tweet Button' 回调不适用于第一次点击但第二次有效

javascript - 什么是相当于 jQuery 的 .contents() 的 JavaScript?

javascript - 闲置时自动保存表格

javascript - AngularJS ng-show 不工作?

javascript - 抑制 Google Chrome 中的 "Rats! WebGL hit a snag."错误栏

javascript - TypeError : result. 推送不起作用

javascript - jquery 使用自定义属性更改 li 内的值

jQuery-UI 日期选择器只显示文本

javascript - 如何在不将用户重定向到该 URL 页面的情况下发送 GET 值?

javascript - 当输入框聚焦时启用禁用复选框