如何在刷新頁面上保留選定的值？

-2

(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>

我如何能挽留選擇的值並重新加載頁面下拉電平變化？

來源

2017-06-19 Suma

存放在'localStorage'更新你的價值。 – Sirko

你到目前爲止嘗試過什麼？有很多方法可以實現這個目標 – guradio

如果你在''屬性上添加'autocomplete ='，你會發現它在刷新時會保留它的值。 – Utkanos

-1

你可以通過使用插件在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'

來源

2017-06-19 10:01:47 Raj

請注意，此行爲在基本jQuery中不可用，作爲一個插件是必要的。 ---另外請注意，這個插件已被另一個https://github.com/js-cookie/js-cookie – evolutionxbox

Store零售店值在localStorage

首先從localStorage獲取值並將其設置爲您select的價值，如果它是不確定的（第一次運行時），它會回落到第一個元素在你的select。如果已定義，則您的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()); 
    }); 
    }); 
});

來源

2017-06-19 10:05:31 AdityaParab

如何在刷新頁面上保留選定的值？

回答

相關問題