通过本地存储（或任何变量）设置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>