やりたいこと
Select2というライブラリを用いて、
テキストボックスにテキストを入力したら、
ajaxを使って非同期で検索を行い、
検索結果をSelectBoxで表示させたいです。
イメージとしては
https://select2.github.io/examples.html#tagsのLoading Remote Dataの処理をさせたいです。
現状
ajaxを用いて、リクエストを送り、それに対してのレスポンスは返ってきております。
それをSelectBoxに表示させるということができずに困っております。
下記該当コードです
JavaScript
1 $(".s-select").select2({ 2 ajax:{ 3 url:"/select", 4 type:"POST", 5 dataType:"json", 6 data:function(params){ 7 return{ 8 name:params.term 9 } 10 }, 11 results:function(data , params){ 12 return { 13 results:data 14 } 15 }, 16 }, 17 formatResult:function(item){ 18 console.log(item); 19 } 20 });
まず、
results:function(data , params){ console.log(data); return { results:data } },
のdataは下記のように返ってきています。
Array[...] 0:Object data:1 1:Object data:2
次に
formatResult:function(item){ console.log(item); }
では、表示をさせ方を整えようと思っているのですが、
itemに何も入ってこない状況です。
色々みてはいるのですが、
いまいちどうなっているのかがわかっていません。
どなたかわかる方、ご教授の程宜しく御願い致します。

回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/02/17 11:00