web-dev-qa-db-ja.com

jQuery select2 AJAX機能していません

私はjQueryselect2プラグインを使用していて、AJAXが明らかに機能していないextデータを処理するようにしようとしていますが、誰かが私がしていることを指摘できるかどうか疑問に思っています何かが間違っているか、不足していますか？

[〜＃〜] note [〜＃〜]これは一部のv3.5.2専用です

私のjs：

$('#cliselect').select2({
    ajax: {
        dataType: "json",
        url: "clientprojectpopulate.php",
        results: function (data) {
            return {results: data};
        }
    }
});

html：

<select id="cliselect" name="cliselect" style="width: 100%;" /></select>

私のJSONが返されます（これは有効だと思います）：

[{"id":"62","text":"Alberta Innovates Health Solutions"},{"id":"4","text":"Alterna Savins & Credit Union"},{"id":"63","text":"BC Patient Safety & Quality Council"}]
javascriptjqueryajaxjquery-select2
11
rubberchicken

<select>を使用していたのでそれを理解しました

Ajaxデータをロードするには<input>である必要があります...

<input type="hidden" id="cliselect" name="cliselect" style="width: 100%;" />
10
rubberchicken

Select2 コントロールがバージョン4.0に更新されます。これで、入力フィールドは機能しなくなり、select要素が必要になります。

結果はに変更されました

processResults: function (data) {
    return {
      results: data
    };  
}

processResults関数内では、次のように使用できます。

processResults: function (data) {
    var results = [];
    $.each(data, function (index, account) {
        results.Push({
            id: account.AccountID,
            text: account.AccountName
        });
    });

    return {
        results: results
    };
}
14
Sajjad Ali Khan