JQuerySelect2ドロップダウンプラグインにあるすべての要素を取得するにはどうすればよいですか。
Select2を入力type = hiddenに適用し、Ajaxを使用してデータを入力しました。
ここで、あるインスタンスで、ドロップダウンに表示されているすべての値を取得する必要があります。
これが入力フィールドです。
<input type="hidden" id="individualsfront" name="individualsfront" style="width:240px" value="" data-spy="scroll" required />
そしてこの入力フィールドに私はこれを適用しました
$("#individualsfront").select2({
multiple: true,
query: function (query){
var data = {results: []};
$.each(yuyu, function(){
if(query.term.length == 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0 ){
data.results.Push({id: this.id, text: this.text });
}
});
query.callback(data);
}
});
Yuyuは、いくつかのAJAX呼び出しから来て、Select2にデータを入力するjsonです。
ここで、他のコードでSelect2内のすべての値を取得する方法が必要です。
オプション1:data
オブジェクトを直接使用できます
_var results = [];
$("#individualsfront").select2({
multiple: true,
query: function (query){
var data = {results: []};
$.each(yuyu, function(){
if(query.term.length == 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0 ){
data.results.Push({id: this.id, text: this.text });
}
});
results = data.results; //<=====
query.callback(data);
}
});
_
たとえば、次のように使用します。
_$('#individualsfront').on('open',function(){
$.each(results, function(key,value){
console.log("text:"+value.text);
});
});
_
オプション2:機能を要求し、次のような(一時的な)ものを使用します。
_$('#individualsfront').on('open',function(){
$(".select2-result-label").each(function()
{
console.log($(this).text());
})
});
});
_
http://jsfiddle.net/ouadie/qfchH/1/オプション3:.select2("data");
を使用できますが、選択された要素がない場合にのみすべての要素を返します。
_var arrObj = $("#individualsfront").select2("data"); for each(yuyu in arrObj) { console.log("id: "+yuyu.id+ ", value: "+yuyu.text); }
_
私はこれを自分で理解しようとしていて、少なくともselect2でオプションを取得できることがわかりました。
var options = $("#dropdown").find("option")
var optionsText = $("#dropdown").find("option[value='1']").text()
function select2Options($elementSelect2) {
var data = [],
adapter = $elementSelect2.data().select2.dataAdapter;
$elementSelect2.children().each(function () {
if (!$(this).is('option') && !$(this).is('optgroup')) {
return true;
}
data.Push(adapter.item($(this)));
});
return data;
}