剑道ComboBox内的引导下拉列表

Question

我想在引导下拉列表中使用剑道组合框。

我创建了一个样本小提琴..

http://jsfiddle.net/w32LvL18/3/

问题是，当我尝试输入组合框中的东西，我无法浏览到使用向下箭头键的其他选项。当我尝试使用向下箭头键，跳转到的下拉列表中第一个选项，而不是组合框的选项。我怎样才能改变这种...

$('#keep_open_dropdown').on("click", function (e) { 
      e.stopPropagation(); // This replace if conditional. 
}); 

Answer 1

一种解决方案是简单地从取出role="menu"属性bootstrap下拉菜单并禁用bootstrap下拉菜单的键盘导航。

<ul id="dropdown-items" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> 

另一种解决方案，当你想保持键盘导航也为bootrap下拉列表中，正赶上打开和关闭事件，并添加或删除角色属性。

这里是更新的fiddle。

... 
close: function(){ 
    $('#dropdown-items').attr('role', 'menu');   
}, 
open: function(){ 
    $('#dropdown-items').removeAttr('role'); 
}, 
....