29

在页面加载时，我正在尝试使用 initSelection 来选择 ID 60 （输入字段的指定值）。我似乎无法让它正常工作。

PHP 脚本运行良好并返回正确的值，但如何让 JS 正确执行回调？

JavaScript：

$(document).ready(function() {
    $('#editAlbumArtistId').select2({
            placeholder: 'Search names',
            ajax: {
                url: "/jQueryScripts/jQuerySelectListArtists.php",
                dataType: 'json',
                quietMillis: 100,
                data: function (term, page) {
                    return {
                        term: term, //search term
                        page_limit: 10 // page size
                    };
                },
                results: function (data, page) {
                    return {results: data.results};
                }

            },
            initSelection: function(element, callback) {

            var id = $(element).val();
            if(id !== "") {
                $.ajax("/jQueryScripts/jQuerySelectListArtists.php", {
                    data: {id: id},
                    dataType: "json"
                }).done(function(data) {
                    callback(data);
                });
            }
        }
    });
});

HTML：

<p>
    <input type='hidden' value="60" data-init-text='Search names' name='editAlbumArtistId' id='editAlbumArtistId' style="width:180px;"/>
</p>

每次刷新页面时，我都会看到 PHP 脚本被执行并返回正确的 ID 和文本。但是，该字段没有更新，我已经认真尝试了我能想到的一切。

我正在使用 Select2 3.4.3。

任何帮助将不胜感激。

4

2 回答 2

46

终于解决了！我想select2不想要一个数组，因为它是一个值，所以我选择了 data.results 数组的第一个元素。

callback(data.results[0]);

如果你设置了multiple:true，只接受整个结果数组；

callback(data.results);
于 2013-09-20T06:03:25.717 回答
3

您也可以使用它来减少代码：

    initSelection: function(element, callback) {
        return $.getJSON("/jQueryScripts/jQuerySelectListArtists.php?id=" + element.val(), null, function(data) {
            return callback(data[0]);
        });
    }

我在 Select2 wiki 中看到了这个例子，但我必须像你一样处理回调（数据）与回调（数据 [0]）。

于 2014-05-20T14:44:39.323 回答