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