javascript - 在 JQuery 中选择新值时如何重新加载页面和更新选择

Question

我有一个选择框。在页面加载时，选择了“5”，当我从列表中选择“1”时，我想重新加载页面并默认选择 1。我如何在 JQuery 中完成此操作。

<span> 
    There are  
    <select class="num_apples form-control">
        <option value="1">1</option>
        <option value="5" selected="selected">5
        </option><option value="50">50</option>
    </select>
    apples on the table
</span>

我试过在 JQuery 中这样做

$(".num_apples").change (function() {
      $(this).val = $(".num_apples").selected;
      location.reload();
});

Answer 1

保存所选值并检查页面加载是否保存了值并相应地设置select的值:

var selected = localStorage.getItem('selected');
if (selected) {
  $(".num_apples").val(selected);
}


$(".num_apples").change(function() {
  localStorage.setItem('selected', $(this).val());
  location.reload();
});

---

Example