如何默认选择 select2.js 的下拉值

Question

我在我的代码中使用了select2.js 库作为下拉列表。我想根据从我的网址获取的值选择下拉值默认值。我不知道如何在select.js 中做那件事。

在下面的代码var e 中，我得到了我想要选择的值。 Javascript代码：

 $( document ).ready(function() {
     var url = window.location.href;
     var a = url.split('=');
     var b = a[2];
     var d = b.split('_');
     var e =d[1];
     $("#Address1").select2({

        })

   }); 

HTML 代码：

<select class="ct-select-lg" id="Address" name="Address[]">
                            </select>

在这些代码中，我从我的 API 获取数据：

$("#Address").select2({
  ajax: {
    url: "url",
    dataType: 'json',
    delay: 250,
    data: function (params) {
      return {
        q: params.term,
        page: params.page
      };
    },
    processResults: function (data, params) {
    return {
        results: data.items,

      };
    },
    cache: true
  },
  placeholder: 'Search for a repository',
  escapeMarkup: function (markup) { return markup; },
  minimumInputLength: 1,

});

Answer 1

根据您的最后一条评论，我希望您的 URL 类似于 http://localhost/test/?test=1。因此，据我了解，我创建了一些代码，这将从 url 中获取值，然后为选择设置值。

    <link rel="stylesheet" href="select2-4.0.6-rc.1/dist/css/select2.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="select2-4.0.6-rc.1/dist/js/select2.js"></script>
    <script>
        var url = window.location.href;
        var selected = (url.split('?')[1]).split('=')[1]
        jQuery(document).ready(function(){
            jQuery('#select').select2();
            jQuery('#select').val(selected).trigger('change');
        })
    </script>
    <select style="width:100px;" id="select">
        <option>Select</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
    </select>

注意：您必须根据本地目录添加select2 的路径。