Question

我正在使用select2，我对这个库有点新手。我有一个页面，如果该值被发布，我的select2输入应设置为默认值。这是html

<!-- COUNTRY -->
<span id="agency_data">
    <input type="hidden" name="country_id" id="filter_country" data-placeholder="Choose A Country Name" data-init-text="<?= isset($data['cty_name']) ? $data['cty_name'] : '' ?>" value="<?= isset($data['cty_name']) ? $data['cty_name'] : '' ?>" />
 </span>

这是我的jQuery

        //******** COUNTRY ********
if(typeof countryId === 'undefined') {
    countryId = '';
}
if(typeof countryName === 'undefined') {
    countryName = '';
}

var dataArray = [{id:countryId,text:countryName}];

$('#filter_country').select2({
    minimumInputLength: 0,
    allowClear: true,
    ajax: {
        url: base +"/agencyList/search",
        dataType: 'json',
        type: 'POST',
        data: function (term, page) {
            return {
                country: term
            };
        },
        results: function (data, page) {
            return { 
                results: data
            };
        }
    },
    data:dataArray,
    initSelection: function (element, callback) {
        $(dataArray).each(function() {
            if (this.id == element.val()) {
                callback(this);
                return
            }
        })
    }
});

正如我所说，我无法弄清楚如何设置输入的默认值。我看过this solution但仍无法让它发挥作用。有什么帮助吗？

工作解决方案

感谢约翰在这里我是如何运作的： HTML：

<span id="agency_data">
                    <input type="hidden" name="ag_cty_id" id="filter_country" data-placeholder="Choose A Country Name" data-init-text="<?= isset($data['cty_name']) ? $data['cty_name'] : '' ?>" value="<?= isset($data['ag_cty_id']) ? $data['ag_cty_id'] : '' ?>" />
                </span>

jQuery的：

    $('#filter_country').select2({
    minimumInputLength: 0,
    allowClear: true,
    ajax: {
        url: base +"/agencyList/search",
        dataType: 'json',
        type: 'POST',
        data: function (term, page) {
            return {
                country: term
            };
        },
        results: function (data, page) {
            return { 
                results: data
            };
        }
    },
    initSelection: function (element, callback) {

        console.log('id elemt: ' + element.val());
        callback({ id: element.val(), text: element.attr('data-init-text') });
    }
});

Answer 1

我认为您展示的代码不起作用的原因是您要将id中的对象的dataArray属性与输入的value进行比较，但{输入的{1}}是国家/地区名称，而不是国家/地区ID。

您应该将输入的value设置为国家/地区的ID，而不是其名称。

然后您可以避免使用value并使用：

dataArray

这会从输入的initSelection: function(element, callback) { callback({ id: element.val(), text: element.attr('data-init-text') }); }获取id，从输入的value属性获取text。

jsfiddle

设置select2输入的默认值

1 个答案: