###前提・実現したいこと
select2のajaxでデータベース「user_db」より「name_a」と「name_b」を取得し、セレクトボックスにて任意の文字列を入力した際にname_a及びname_bに該当するデータを検索処理を実装予定です。
機能としては以下の3つです。
1.自由なキーワードが設定できる。
2.入力した文字列に該当するname_aの検索、設定ができる。
3.入力した文字列に該当するname_bの検索、設定ができる。
###発生している問題・エラーメッセージ
createSearchChoiceを利用し、自由なキーワードの設定と
入力した文字列に対するname_a,name_bの検索は処理できているのですが、検索結果のデータがセレクトボックス上で[object]と表示され、正常な名称で表示されません。
###該当のソースコード
javascript
1$("#e7").select2( { 2 allowClear: true, 3 multiple: multi, 4 minimumInputLength: 1, 5 maximumSelectionSize: 1, 6 createSearchChoice: function(term) { 7 return {id: term, text: term, subText: 'キーワード部分一致'}; 8 }, 9 ajax: { 10 url: "/ajax/select2/usersearch.json", 11 dataType: 'json', 12 data: function (term, page) { 13 return { 14 q: term, 15 page_limit: 10, 16 apikey: "ju6z9mjyajq2djue3gbvv26t" 17 }; 18 }, 19 results: function (data, page) { 20// return {results: data.data}; 21 return {results: 22 [ 23 {id: data.data, text: data.data, subText: 'name_a:完全一致'}, 24 {id: data.data, text: data.data, subText: 'name_b:完全一致'} 25 ]}; 26 }, 27 }, 28 29 formatResult:format, 30 formatSelection:format, 31 32 dropdownCssClass: "bigdrop", 33 escapeMarkup: function (m) { return m; } 34 }); 35 36} 37function format(state) { 38 return '<span class="select-icon-unit text-overflow" title="'+state.text+'['+state.subText+']">\ 39 <span class="glyphicon glyphicon-'+state.icon+' icon-text"></span>'+state.text+'<small class="add-text">'+state.subText+'</small></span>'; 40}
###補足情報(言語/FW/ツール等のバージョンなど)
select2 Version:3.5.1
以上、ご教授お願いいたします。
回答1件
あなたの回答
tips
プレビュー