Question

jquery的

  (function($) {
    $(document).ready( function() {
        $('#client-list').change(function() {
           $(this).attr("selected", true);
            location.reload();
        });
    });
});

下拉列表

  <select id="client-list">
     <option value="Choose-Client">Choose Client</option>
     <option value="client1" >Client 1</option>
     <option value="client2" >Client 2</option>
     <option value="client3" >Client 3</option>
     <option value="client4" >Client 4</option>
  </select>

如何保留所选值并重新加载页面onchange下拉列表？

Answer 1

将值存储在localStorage

中

首先从localStorage获取值并将其设置为select的值，如果未定义（第一次运行时），它将回退到select中的第一个元素{1}}。如果已定义，那么您的select将从localStorage获取值作为选定值。

如有更改，请在localStorage

中更新您的值

(function($) {
  const selection = localStorage.getItem('selection');
  $(document).ready( function() {
    let $clientList = $('#client-list');
    $clientList.val(selection);
    $clientList.change(function() {
      localStorage.setItem('selection', $(this).val());
    });
  });
});

Answer 2

您可以使用插件在Jquery中使用Cookie。

https://github.com/js-cookie/js-cookie

下载插件并将其包含在您的项目中

<script src="/path/to/js.cookie.js"></script>

设置Cookie

Cookies.set('name', 'value');

阅读cookie

Cookies.get('name'); // => 'value'

如何在刷新页面上保留选定的值？

2 个答案: