使用ajax typeahead bootstrap从下拉列表中使用shift或ctrl键选择多个选项?

时间:2016-01-04 10:42:30

标签: jquery bootstrap-typeahead

注意: - 我正在使用 bootstrap AJAX typeahead https://github.com/biggora/bootstrap-ajax-typeahead如果可能,请根据此插件提供答案。

我已经看到了这个链接Twitter bootstrap typeahead multiple values?在哪个用户只能选择单个选项,然后下拉列表消失了。但是我想Dropdowon列表应该保持活动状态然后用户选择他想要的多个选项 shift或ctrl键和选定的选项应输入到输入字段中,并以逗号分隔。

如何在我的代码中添加上述功能?

Full: <input id="full"></input><br/><br/>

var fullSource = [{ id: 1, name: 'John'}, { id: 2, name: 'Alex'}, { id: 3, name: 'Terry'},{ id: 1, name: 'Tonny'},{ id: 1, name: 'Ravi'},{ id: 1, name: 'XYZ'},{ id: 1, name: 'Tom'},{ id: 1, name: 'Rajesh'},{ id: 1, name: 'James'}];

$('#full').typeahead({
source: fullSource,
 valueField: 'name',
displayField: 'id'
});

以下是示例代码jsfiddle

0 个答案:

没有答案