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

Posted 2023-05-07

【中文标题】如何默认选择 select2.js 的下拉值

【英文标题】：how to by default selected the dropdown value of select2.js

【发布时间】：2018-06-21 19:17:29

【问题描述】：

我在我的代码中使用了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,

);

【问题讨论】：

请看这个问题***.com/questions/16969666/…

我试过这些，但它不起作用

你试过 $('#Address').val(defaultValue).trigger('change');

是的，我已经尝试过这些

JQuery select2 set default value from an option in list?的可能重复

【参考方案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 的路径。