Question

我在代码中使用了select2.js库下拉列表。我想根据从我的网址获取的值来选择下拉值deafult。我不知道如何在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 code：

<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

根据您的上一条评论，我希望您的网址与http://localhost/test/?test=1一样。所以，根据我的理解，我创建了一些代码，这将从url获取值，然后为select设置值。

    <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的路径。

默认情况下如何选择select2.js的下拉列表值

1 个答案: