jQuery Select2 - 选择 ajax 提交的值

Question

我有一个通过 ajax 提交新条目并返回条目数据的表单。我正在尝试在 Select2 字段中自动选择返回的数据。我可以获取输入的 id 作为输入值，但我不确定如何获取要在 span 中显示的文本。

这是我目前拥有的 JS：

function clientFormatResult(client){
    var markup = client.first_name + ' ' + client.last_name + ' (' + client.username + ')';
    return markup; 
}

function clientFormatSelection(client) {
    $('#client-input').empty();
    $('#client-input').append('<input type="hidden" name="client" value="' + client.id + '" />');
    return client.first_name + ' ' + client.last_name + ' (' + client.username + ')';
}

$('#client-selection').select2({
    placeholder: 'Select a client',
    allowClear: true,
    minimumInputLength: 1,
    ajax: {
        type: 'POST',
        url: 'clients/get_client_list',
        dataType: 'json',
        data: function (term) {
            return {filter: term};
        },
        results: function (data) {
            return {results: data};
        }
    },
    formatResult: clientFormatResult,
    formatSelection: clientFormatSelection,
    dropdownCssClass: 'bigdrop',
    initSelection: function (element, callback) {
        var id = element.val();
        if(id != '') {
            $.ajax('clients/get_client_list/'+id).done(function(data) {
                data = $.parseJSON(data);
                callback(data);
            });
        }
    }
});

$('#add-client-form').submit(function(e) {
    e.preventDefault();
    var form = $(this),
        url = form.attr('action'),
        data = form.serialize();
    $.post(url, data, function(data, status, xhr) {
        $('.form-response').fadeOut(400);
        if(status == 'success') {
            $('#add-client-modal').modal('hide');
            data = $.parseJSON(data);
            $('#client-selection').select2('val', data.client_id);
        } else {
            $('#add-client-failure').fadeIn(400);
        }
    });
});

如您所见，显示的文本类似于“John Smith (smithj)”。

Answer 1

我整理出来了，这是我返回的数据的问题。 Select2 期待一个 id 变量，但我将其返回为 client_id。