로컬 저장소 (또는 변수)를 통해 select2 값 설정

Question

select2를 사용할 수있는 경우 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>