2016-10-02 14 views
0

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.

+0

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 –

+0

@ArturFilipiak Die Frage ist, warum dieser Fehler angezeigt wird g ............ Fehler: Die Option 'ajax' ist für Select2 nicht erlaubt, wenn sie an ein