LocalStorage选择已禁用

Question

我有这个设计。 而我正在尝试做的是选择在localStorage中禁用它们的那些并且当页面刷新或关闭并再次打开时它们仍然被禁用。

$(function() {
    $('.asignarConteo').on('click', function(e) {
        $('.widthSelect :selected[value!="0"]').closest("tr").each(function() {
            //console.log(
            //    $(this).find(".iarticulo").text(),
            console.log($(this).find(":selected").val());

            var ar = $(this).find(".iarticulo").text();
            var usu = $(this).find(":selected").text();
            $.ajax({
                url: 'http://localhost:3000/AsigUsuarios',
                method: 'post',
                //persist: true,
                //cache: true,
                data: { idArticulo: ar, Usuario: usu },
                success: function(res) {
                    console.log(res);
                    console.log('Entro');
                    $(".widthSelect").filter(function() {
                        return this.selectedIndex > 0;
                    }).prop('disabled', true);

                    //SaveLocalStorage
                }
            });
        })
    });

});

Answer 1

在localStorage对象中存储数据非常简单：

//Selected rows array.
var selectedRowIds = ['1', '2', '3', '5'];

//Store in local storage.
localStorage.setItem('rowsSelected', JSON.stringify(selectedRows));

//Read from local storage.
JSON.parse(localStorage.getItem('rowsSelected'));

每次选择一行时，您都可以更新localStorage.rowsSelected项，加载页面时，获取数组，循环遍历它并让您更改DOM。