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進行更改。