2016-10-02 144 views
0

enter image description here我想使用select2与数据使用ajax请求。但其表示该错误Select2显示错误的阿贾克斯请求

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 
       } 
      }) 
     }; 
    } 
} 
}); 

获得JSON响应筛选

[{"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"}] 

我使用这个选择2版本

版权所有2012伊戈尔Vaynberg

版本:3.2时间戳:周一9月10日10时38分04秒PDT 2012

任何帮助深表感谢。 。谢谢。

+0

由于您使用'Select2',低于版本4,你需要放置一个像'这样的隐藏元素,并且应该将现有的初始化设置为'$(“#hiddenElem”)。select2 ({...........'否则适应选择2的版本4 –

+0

@ArturFilipiak问题是为什么这个错误是显示g ............错误:当连接到