自动完成和引导组合框

Question

我有bootstrap组合框在自动完成更改上我想选择值，问题是，这只适用于当我双击过滤结果内组合，如果我只点击一次，我得到myselection变量空。

$('#MyComboId').on('change', function() { 
    var myselection = $(this).find("option:selected").val();   
    });  
}); 

Answer 1

如果我理解正确使用bootstrap-combobox（Link）。

我发现二传手代码：

select: function() { 
    var val = this.$menu.find('.active').attr('data-value'); 
    this.$element.val(this.updater(val)).trigger('change'); 
    this.$target.val(this.map[val]).trigger('change'); 
    this.$source.val(this.map[val]).trigger('change'); 
    this.$container.addClass('combobox-selected'); 
    this.selected = true; 
    return this.hide(); 
} 

更新：

当用户点击下拉列表，从项目，change事件将触发，这是不正确。即输入将被清除，之后它将被填充正确的值。

var el = $('.combobox').combobox(); 

el.on('change', function(e){ 
if($(this).data('combobox').$element.val() == ''){ 
    console.log('Its triggered incorrectly'); 
    return false; 
} 

var dic = $(this).data('combobox').map, 
    val = $(this).val(), 
    clean = true; 

for(var i in dic){ 
    if(!dic.hasOwnProperty(i)) continue; 
    if(dic[i] == val){ 
    console.log(dic[i], i); // dic[i] = value, i = label 
    clean = false; 
    break; 
    } 
} 

if(clean) 
    console.log('Input was cleared'); 
}) 

Demo