7

Javascript、jQuery、Ajax、および JSON の世界は初めてです。

私がする必要があるのは、SELECT2で利用可能な2つのオプションを混在させることです

プレースホルダー

$("#e2_2").select2({
    placeholder: "Select a State"
});

リモート データのロード

$("#e6").select2({
     placeholder: "Search for a movie",
     minimumInputLength: 1,
     ajax: { // instead of writing the function to execute the request we use Select2's convenient helper
         url: "http://api.rottentomatoes.com/api/public/v1.0/movies.json",
         dataType: 'jsonp',
         data: function (term, page) {
             return {
                 q: term, // search term
                 page_limit: 10,
                 apikey: "ju6z9mjyajq2djue3gbvv26t" // please do not use so this example keeps working
             };
         },
         results: function (data, page) { // parse the results into the format expected by Select2.
             // since we are using custom formatting functions we do not need to alter remote JSON data
             return {
                 results: data.movies
             };
         }
     },
     formatResult: movieFormatResult, // omitted for brevity, see the source of this page
     formatSelection: movieFormatSelection, // omitted for brevity, see the source of this page
     dropdownCssClass: "bigdrop" // apply css that makes the dropdown taller
 });

Select Web サイトからわかるように、これらのオプションはまったく異なります。Loading Remote Data フィールドをクリックすると、検索オプションが開きます。しかし、私はそれを望んでいません。PlaceHolder の例で利用可能なオプションを含むドロップダウンが必要です。

プレースホルダーの例では、ドロップダウンで使用できるオプションが HTML にハードコーディングされています。私が必要としているのは、開くと、jSON ファイルに移動し、json で利用可能な情報を返すことです。

理想は、プレースホルダー Select2 の UI を、他の Select2 の例からのリモート日付の読み込みの機能 (サーバーで json を取得) と共に使用することです。

何か案が?2つを組み合わせることができない場合、私はどんな超高速Ajaxソリューションにもオープンです。

4

1 に答える 1