【问题标题】:How to set the value in ajax select2如何在ajax select2中设置值
【发布时间】:2021-06-09 19:52:30
【问题描述】:

如何在 select2 中设置值。我尝试了很多方法,但我无法让它工作。我能够在 select2 中实现 ajax 搜索。但是当我设置数据时它不起作用。

代码:

$('#pin_code').select2({
    dropdownAutoWidth: true,
    placeholder: 'Select an option',
    width: 'resolve',
    delay: 250,
    minimumInputLength: 4,
    minimumResultsForSearch: 10,
    ajax: {
        url: "controller/postalCode.php",
        dataType: "json",
        type: "POST",
        data: function(params) {
            var queryParameters = {
                qry: params.term,
                config: "all_code",
            }
            return queryParameters;
        }
    }
});

到目前为止我已经尝试过:

1. $("#pin_code").select2('data', { id:"Ab548", text: "Ab548"});
2. $("#pin_code").val("Ab548").change()
3. $("#pin_code").val("Ab548")
4. $("#pin_code").val("Ab548").trigger("change");
5. $("#pin_code").val("Ab548").select2('destroy').select2();

没有任何效果。我使用的是select2版本:4.1.0-rc

https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js

任何建议都会有很大帮助。谢谢

【问题讨论】:

    标签: jquery jquery-select2


    【解决方案1】:

    请参阅docs:要提供默认选择,您可以为每个包含应显示的值和文本的选择添加一个<option>

    <select id="pin_code">
      <option value="Ab548" selected="selected">Ab548</option>
    </select>
    

    或者,如果您想以编程方式执行此操作,您可以找到 info here

    【讨论】:

      猜你喜欢
      • 2023-03-10
      • 2013-05-26
      • 1970-01-01
      • 2018-05-11
      • 2017-05-28
      • 2016-11-18
      • 2014-10-13
      • 2018-11-03
      • 2017-03-12
      相关资源
      最近更新 更多