2016-10-01 54 views
1

我使用外部數組指定Select2下拉列表的數據,但它一直給出以下錯誤。我正在使用最新的Select2 v4.0.3,所以我無法弄清楚問題所在。任何幫助表示讚賞。相關代碼如下。請注意,我嘗試使用<input>元素,代碼按預期工作。指定Select2數據時出錯

select2.min.js:21 Uncaught Error: Option 'data' is not allowed for Select2 when attached to a <select> element. 
    at String.<anonymous> (select2.min.js:21) 
    at Function.each (jquery-1.11.2.js:384) 
    at d.prepareOpts (select2.min.js:21) 
    at d.prepareOpts (select2.min.js:22) 
    at d.init (select2.min.js:21) 
    at HTMLSelectElement.<anonymous> (select2.min.js:22) 
    at Function.each (jquery-1.11.2.js:384) 
    at jQuery.fn.init.each (jquery-1.11.2.js:136) 
    at jQuery.fn.init.a.fn.select2 (select2.min.js:22) 
    at HTMLDocument.<anonymous> (bio?id=3&action=display:773) 

這是代碼。

HTML

<select id="dropdown" multiple="multiple" style="width:350px;" tabindex="2"></select> 

JQuery的

var arr = [{id:0, text: "red"}, {id:1, text: "blue"}]; 

$("#dropdown").select2({ 
     data: arr 
}) 

至於安裝而言,我所做的一切都是follwing文件複製到我的js文件夾,包括該行<script src="js/select2.min.js"></script>在我的HTML。

select2.js 
select2.min.js 
select2.full.js 
select2.full.min.js 

回答

0

好吧,我發現了錯誤。我已經包含了Select2版本(v4.0以下)中的一個select2.min.js文件,並且覆蓋了較新版本的操作。當我刪除,只是保持新版本的東西工作正常。