Jquery 如何选择在<；中标记为选中的选项；选择>；页面刷新（或按f5键）

我有一个

，页面上几乎没有选项，其中一个选项被标记为

已选择

。第一次加载页面时，按预期预先选择该选项。现在，如果用户选择另一个选项并通过按f5（或单击刷新）刷新页面。Mozilla和几乎所有现代浏览器都会选择用户选择的选项，而不是标记为

selected

的选项。如何确保标记为selected的页面刷新选项始终是预选的，而不是用户在按F5之前选择的选项

<select name="Fruit">
    <option value="7336707">Apple</option>
    <option value="9288359">Guava</option>
    <option value="1797363" selected="selected">Mango</option>
    <option value="9288359">Grapes</option>
</select>

苹果
番石榴
芒果
葡萄

也许您可以使用domReady中的jQuery来选择它：

$(document).ready(function(){
      $('select[name=fruit]').val($('select[name=fruit] option:selected').val());
});

---

但不能测试这个。其思想是，如果在html中有一个选项被标记为选中，则此代码将select设置为该选项的值。

我也意外地遇到了同样的问题。并解决如下

$(document).ready(function(){       
   $('select').each(function(){
        $(this).val($(this).find("option[selected=selected]").val());
  });
});

---

好问题。我有时对此感到恼火，但从未想过费心去“解决”它。