ローカルストレージ（または任意の変数）を使用して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>