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

I build a select and i need when i refresh the page he shows what i have select before

本文关键字：选择 显示 刷新 建立 一个      更新时间：2023-09-26

我尝试了很多事情，但都不知道该怎么办。我构建了一个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);
            }

听起来像sessionStorage会有所帮助。

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

下面是一个jsfiddle示例：http://jsfiddle.net/S8Djs/16/

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);
});

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

同样，如果sessionStorage对您来说不够持久，只需将其替换为localStorage即可。

相关文章：