9

listofValues.phpデータベースにクエリを実行し、JSON 形式の値を返すというスクリプトがあります。

必要なのは、これらの値をselect2 dataメンバーに渡すことです。一度ロードする必要があります。

この例で説明されているようにselect2、入力 (用語) から my に値を渡す必要はありませんlistofValues.php

$('#select2div').select2({
        //data:[],
    ajax: {
        dataType: "json",
        url: "listofvalues.php",    
        success: function (data) {          
        }
    }

これで私を助けてもらえますか？

4

1 に答える 1

29

簡単な例

から返されるオブジェクトの形式を知っておくと便利ですがlistofvalues.php、簡単にするために、次のようになると仮定しましょう。

[ {"id": 1, "text": "option1"},
  {"id": 2, "text": "option2"},
  {"id": 3, "text": "option3"} ]

これは、デフォルトでプロパティ名をselect2持つオブジェクトを処理し、それらをドロップダウン リストにレンダリングできるため、最も使いやすい形式です。したがって、初期化は次のようになります。idtextselect2

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

少しトリッキーな例

listofvalues.phpここで、 からのデータが便利な命名規則に従っていないと仮定しましょう。

[ {"id": 1, "firstName": "John", "lastName": "Lennon"},
  {"id": 2, "firstName": "Paul", "lastName": "McCartney"},
  {"id": 3, "firstName": "George", "lastName": "Harrison"},
  {"id": 4, "firstName": "Ringo", "lastName": "Starr"} ]

出力を処理する関数を設定する必要があります。

function formatValues(data) {
    return data.firstName + ' ' + data.lastName;
}

そして私たちのselect2初期化:

$('#select2div').select2({
    ajax: {
        dataType: "json",
        url: "listofvalues.php",
        results: function (data) {
            return {results: data};
        }
    },
    formatResult: formatValues
});

乗り方を教えてください。

于 2013-08-28T20:16:59.783 に答える