以表格形式嵌套的Bootstrap下拉菜单：tabindex在输入时中断

Question

我有一个Bootstrap 3 dropdown menu，它位于两个文本输入字段之间的元素内。

下拉列表的角色=＆＃34;菜单＆＃34;属性允许使用向上/向下箭头和Enter键导航它。但是，当我在下拉菜单中进行选择并点击＆＃34;输入＆＃34;表单的tabindex重置回第一个输入而不是tabbing到下一个输入字段。

有没有办法专注于表单中的下一个字段而没有通过JS或自定义tabindex顺序显式地执行此操作？

Answer 1

你唯一的选择是更改bootstrap.js并在那里包含js函数，如果你不想添加新的JS文件。 Bootstrap是通过CSS和HTML的组合完成的，行为由您定义。 Bootstrap不提供处理元素行为的方法。

这是您处理上述行为所需的功能。我已在本地测试了该函数，它也将处理enter按键操作。

$('.dropdown-menu li a').on('click', function(){    
document.getElementById("#myDivId").focus();

}）;

希望这有帮助！