Ich möchte Select2 mit Daten mit AJAX-Anfrage verwenden. Aber seine zeigt diesen FehlerSelect2 zeigt Fehler für AJAX-Anfrage
Error: Option 'ajax' is not allowed for Select2 when attached to a <select> element.
HTML
<select id='myselect' class='select2-input select2'>
<option></option>
<option value="AL">Alabama</option>
<option value="Am">Amalapuram</option>
<option value="An">Anakapalli</option>
<option value="Ak">Akkayapalem</option>
<option value="WY">Wyoming</option>
</select>
JS
$(document).ready(function() {
var base_url = $('#baseurl').val();
$("#myselect").select2({
placeholder: "Select a State",
allowClear: true,
ajax: {
url: base_url + 'selecttest',
dataType: 'json',
type: "GET",
quietMillis: 50,
data: function (term) {
return {
term: term.term
};
},
results: function (data) {
return {
results: $.map(data, function (item) {
return {
text: item.expense_detail,
id: item.user_id
}
})
};
}
}
});
Erste JSON Antwort wie diese
[{"expense_id":"2","user_id":"5","expense_detail":"abcdh1","amount":"123","expense_date":"2016-10-18","expense_type":"pocket","team_code":"0","team_id":"0"},{"expense_id":"3","user_id":"5","expense_detail":"hxyz1","amount":"123","expense_date":"2016-10-11","expense_type":"","team_code":"45664654","team_id":"46546"},{"expense_id":"4","user_id":"5","expense_detail":"abch2","amount":"123","expense_date":"2016-10-11","expense_type":"","team_code":"45664654","team_id":"46546"},{"expense_id":"5","user_id":"5","expense_detail":"abh3","amount":"123","expense_date":"2016-10-11","expense_type":"","team_code":"45664654","team_id":"46546"},{"expense_id":"6","user_id":"5","expense_detail":"ah4","amount":"123","expense_date":"2016-10-11","expense_type":"","team_code":"45664654","team_id":"46546"},{"expense_id":"7","user_id":"5","expense_detail":"h5","amount":"123","expense_date":"2016-10-11","expense_type":"","team_code":"45664654","team_id":"46546"}]
Ich verwende diese select2 Version
Copyright 2012 Igor Vaynberg
Version: 3.2 Zeitstempel: Mo 10. September 10.38.04 PDT 2012
Jede Hilfe ist sehr geschätzt. .Danke.
Da Sie 'Select2' verwenden, die unten ist Version 4, müssen Sie ein verstecktes Element wie '' und sollte Ihre bestehende Initialisierung als '$ (" # hiddenElem "). select2 ({...........} Ansonsten an Version 4 von Select2 anpassen –
@ArturFilipiak Die Frage ist, warum dieser Fehler angezeigt wird g ............ Fehler: Die Option 'ajax' ist für Select2 nicht erlaubt, wenn sie an ein
@DavidR Danke Ich überprüfe es .. sobald es funktioniert, werde ich hier kommentieren. – Aamir