select2 json將所有選項顯示爲.text（）而不是所選

Question

http://www.codeply.com/go/i8A9BlgzGL

以上是代碼示例。該設置非常簡單。它有一個json數據變量，一個輸入框和一個select2框。當select2值被改變時，它將select2的.text（）值放入基於事件的輸入中。

什麼是容易/快速注意的是，json的所有可能的選項加載爲.text（）值。我一直無法找到解決方法。如果我使用服務器ajax調用來加載數據，這個問題似乎不存在。

$('#outitem').select2({ 
    placeholder: 'Find Item', 
    width: '90px', 
    allowClear: true, 
    SingleSelection: true, 
    data: data 
}); 
$('#outitem').on('select2:select', function(){ 
    $('#output').val($('#outitem').text()); 

}); 

Answer 1

你從整個<select>元素得到text()，包括所有選項。

更改它來獲得所選擇的選項的文本只

$('#outitem').on('select2:select', function(){ 
    $('#output').val($('#outitem option:selected').text()); 
});