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

-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

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

回答

相关问题