通過本地存儲（或任何變量）設置select2值

Question

我有一個select2，我可能有一個本地存儲變量，我想用它作爲select2的選定值（如果可用）。

雖然我似乎無法設置它。

$ -> 
     $('.this-two-different-selects').select2 
     minimumResultsForSearch: Infinity 
     placeholder: "Saved Search" 


     local_var = localStorage.getItem("local_var") 
     $('.this-two-different-selects option:contains('+local_var+')').prop("selected", "selected") if local_var 

Answer 1

這對我使用jQuery，Select2和JavaScript的工作。它使用on change事件來設置存儲並在加載頁面時獲取存儲。 的jsfiddle：https://jsfiddle.net/bindrid/cnxz8pye/16

腳本：

$(document).ready(function() { 
      var selval = localStorage.getItem("select2Value"); 
      if(selval){ 
       $("#sel2").val(selval); 
      } 
      $("#sel2").select2(); 
      $("#sel2").on("change", function (evt) { 
       var selval = $(evt.target).val(); 
       localStorage.setItem("select2Value", selval); 
      }) 

    }) 

HTML：

<div> 
    <select id="sel2"> 
     <option value="1">one</option> 
     <option value="2">two</option> 
     <option value="3">three</option> 
     <option value="4">four</option> 
    </select> 

</div>