2015-12-02 101 views
0


選定的選項我有新的問題,我選擇二選項。我無法清除我的選擇框。 在JSFiddle中,我爲數據做'選擇'。問題在於我無法刪除最後一個元素,或者在我的Web門戶中清除整個字段,但在JSFiddle中,一切看起來都正常。我的門戶給我錯誤「類型錯誤:a爲空」,我不知道爲什麼。

這裏是我的代碼:清除在選擇二

$.getJSON(url, function (data){ 
    $("#mySelect").select2({ 
     data:data, 
     placeholder: "Select options", 
     templateSelection: function(val) { 
      return val.text; 
     } 
    }); 
}); 

而我的選擇:

<select id="mySelect"></select> 

當我使用其他的解決辦法,但我就不能調用相關數據「templateSelection」的問題就消失了。在這個解決方案,我創建了我的選擇選項和簡單的使用選擇2,但正如你可以看到現場「data.version」我回答「不確定」

代碼:

var data=[ 
    {id:1, text: "sample_1", version: "1"}, 
    {id:2, text: "sample_2", version: "2"}]; 

$.each(data, function(i,x){ 
    $('#mySelect').append($('<option>', { 
    value: x.id, 
    text: x.text 
    })); 
}); 

$("#mySelect").select2({ 
    templateResult: function(data) { 
    return data.text + ' ' + data.version; 
    } 
}); 

JSFIDDLE

任何爲什麼這個解決方案在jsfiddle中工作,但不是在我的門戶中的消聲?

+0

的HTML屬性您不必變量「a」在你的代碼。也許你做錯了? –

+0

是啊,但我得到這個錯誤在jQuery的2.1.3.min.js –

+0

你有select2.full.min.js的最新版本? –

回答

0

var data=[{id:1, text: "sample_1", version: "1"},{id:2, text: "sample_2", version: "2"}] 
 

 
$.each(data, function(i,x){ 
 
    $('#mySelect').append($('<option>', { 
 
       value: x.id, 
 
       text: x.text+" "+x.version, 
 
       
 
      })); 
 
}); 
 
$("#mySelect").select2({ 
 
    templateResult: function(data) { 
 
    return data.text; 
 
    } 
 
});

當$函數用於創建元素只能接受元素

+0

該解決方案「版本」添加到我的選擇框,我想避免這種情況。 http://jsfiddle.net/13ozkvaa/8/這個例子顯示我想要的。它完美地工作,但是當我把它添加到門戶我得提及的話題一個錯誤,我不知道爲什麼 –

+0

與此代碼中的jsfiddle我相關 –

+0

http://jsfiddle.net/13ozkvaa/9/後全JS或功能沒有任何問題,但是當我這個解決方案複製到我的門,我得到「類型錯誤:一個是空」當我想清楚一個選擇所有選擇的選項 –