select2 json 将所有选项显示为 .text() 而不是选中

Question

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

以上是codeply 示例。设置非常简单。它有一个 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());
});