Javascript 我建立了一个选择，我需要当我刷新页面时，他会显示我之前选择的内容

我尝试了很多事情，但不知道我能做什么。我构建了一个select，我需要在刷新页面时显示我以前选择的内容，因为每次它都会更新数据库

<script type="text/javascript">

         $(window).on('load', function () {

            $('.lavagem_01').selectpicker('selectAll');

            $('.selectpicker').selectpicker({
                'selectedText': 'cat',
                'showIcon': true
            });


            $( "select" ).change( displayVals );

            function displayVals() {
                var etiquetas = $( this ).val() || [];
                var product_id = $( this ).attr("id");

                $.ajax({
                    url: 'salvar.php', //This is the current doc
                    type: "POST",
                    data: ({product_id: product_id, etiquetas: etiquetas}),
                    success: function(data){
                        alert("R:  " + data);
                    }
                }); 


                //alert('Produto: ' + product_id + ' - Etiquetas: ' + etiquetas);
            }

$（窗口）.on（'load'，函数（）{
$（'.lavagem_01'）。选择器选择器（'selectAll'）；
$（'.selectpicker'）。selectpicker({
“selectedText”：“cat”，
“showIcon”：真
});
$（“选择”）.change（displayVals）；
函数displayVals（）{
var etiquetas=$（this.val（）| |[]；
var product_id=$（this.attr（“id”）；
$.ajax({
url:'salvar.php'，//这是当前文档
类型：“POST”，
数据：（{product_id:product_id，etiquetas:etiquetas}），
成功：功能（数据）{
警报（“R:+数据）；
}
}); 
//警报（'Produto:'+product_id+'-Etiquetas:'+Etiquetas）；
}

听起来好像有帮助

要获得更持久的存储，请尝试

下面是一个JSFIDLE示例：

请注意，设置“选择字段”选项后，可以单击“运行”或刷新页面，字段将保留其值

---

同样，如果

sessionStorage

对您来说不够持久，只需将其替换为

localStorage

请正确解释。您需要将其保存在cookie或会话中

var select = document.querySelector('select');

var lastIndex = sessionStorage.getItem('lastIndex');

// lastIndex, pulled from sessionStorage, is valid, so load into select.
if (typeof lastIndex !== 'undefined')
{
    select.selectedIndex = lastIndex;
}

select.addEventListener('change',function(e)
{
    // Store the chosen index value, here
    sessionStorage.setItem('lastIndex',select.selectedIndex);
});