Question

我有代码html

<select class="mySelect">
    <option value="1" >Date</option>
    <option value="2">Helpfulness</option>
</select>

更新

所以我想如果在reload（）页面然后选择有用的选项选项有用性'已选中'。如果选择日期时选择日期 reload（）页面然后选项日期'选中'。

感谢您的帮助！

Answer 1

使用.val() set将值2添加到$(function() { $('.mySelect').val( 2 ); });，如下所示：

$(function() {
    $('.mySelect').val( 2 );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select class="mySelect">
  <option value="1">Date</option>
  <option value="2">Helpfulness</option>
</select>

localStorage

<强>更新

根据您更新的问题，使用cookies或$(function() { $('.mySelect').on('change', function() { $.cookie('mySelect', this.value); }); $('.mySelect').val( $.cookie('mySelect') || 1 ); });来保留所选值。页面刷新时，检查cookie或localStorage值并加载它。

{ (byte) 0xc3, (byte) 0x86 }

DEMO

Answer 2

对于大多数默认值，可以很容易地直接在html标记上设置：

<select class="mySelect">
  <option value="1" >Date</option>
  <option value="2" selected>Helpfulness</option>
</select>

否则，请在此处使用jQuery .prop代码：

$( function () {
   $('.mySelect option[value="2"]').prop('selected', true);
});

Answer 3

在val()和change()函数中设置值

jQuery(window).on('load', function () {
    $('.mySelect').val(2).change();
});

如何在加载页面后设置选择选项“选中”？

3 个答案: