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

通过本地存储（或任何变量）设置 select2 值

Set select2 value via local storage (or any variable)

jquery

local-storage

select2