Jquery 选择2 json将所有选项显示为.text()而不是所选

Jquery 选择2 json将所有选项显示为.text()而不是所选,jquery,json,jquery-select2-4,Jquery,Json,Jquery Select2 4,上面是codeply示例。设置非常简单。它有一个json数据变量、一个输入框和一个select2框。更改select2值时,它会根据事件将select2的.text()值放入输入中 容易/快速注意到的是,json中所有可能的选项都加载为.text()值。我一直无法找到解决此问题的方法。如果我使用服务器ajax调用加载数据,那么这个问题似乎不存在 $('#outitem').select2({ placeholder: 'Find Item', width: '90px',

上面是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());

}); 

您将从整个
元素(包括所有选项)中获得
text()

将其更改为仅获取所选选项的文本

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

很好用,谢谢。我已经使用上面列出的代码很长时间了,直到最近都没有出现任何问题。