Question

我的<select>页面上的选项很少，其中一个选项标记为selected。首次加载页面时，按预期方式预先选择了选项。现在，如果用户选择其他选项并按f5（或单击刷新）刷新页面。 Mozilla和几乎所有现代浏览器都会选择用户选择的选项而不是标记为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>

Answer 1

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

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

Answer 2

也许你可以在domReady中使用jQuery选择它：

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

虽然不能测试这个。我们的想法是，如果在html中将一个选项标记为选中，则此代码将select设置为该选项的值。

如何在页面刷新（或按下f5）</select>中选择<select>中选择的选项

2 个答案: