嵌套在表单中的引导下拉菜单:输入时选项卡索引中断
Bootstrap dropdown menu nested in form: tabindex breaks on enter
我有一个 Bootstrap 3 下拉菜单,它位于元素内部,位于两个文本输入字段之间。
下拉列表的 role="menu" 属性允许使用向上/向下箭头和 Enter 键进行导航。但是,当我在下拉列表中进行选择并点击"输入"时,表单的 tabindex 将重置回第一个输入,而不是按 Tab 键重置为下一个输入字段。
有没有办法专注于表单中的下一个字段,而无需通过 JS 或自定义 tabindex 顺序显式执行此操作?
您唯一的选择是更改引导程序.js如果您不想添加新的 JS 文件,请在此处包含 js 函数。Bootstrap是用CSS和HTML的组合完成的,行为由你定义。Bootstrap 不提供处理元素行为的方法。
这是处理上述行为所需的函数。我已经在本地测试了该功能,它也将处理输入按键操作。
$('.dropdown-menu li a').on('click', function(){
document.getElementById("#myDivId").focus();
});
希望这有帮助!
相关文章:
- React Native通过Navigator将用户输入数据传递到选项卡栏IOS中的组件
- 将输入文本与某个选项的值相匹配并自动选择
- 验证`<输入>`在选项卡上
- PayPal按钮是否有一个简单的选项,其中金额基于一些用户输入
- 如何在angular bootstrap ui中聚焦活动导航选项卡中的拳头输入字段
- 仅当选择了特定选项时才显示输入字段
- 根据输入框上的写入动态启用/禁用选择选项
- 当html选择/选项发生更改时,需要更新输入字段
- 选择“选项”时更改输入的占位符
- 始终在 jQuery 自动完成中显示特定选项,即使它与输入不匹配
- 如何使用 JavaScriptJQuery 将隐藏输入标签的值与选择标签的选定选项的值进行设置
- 如果用户更改下拉选择,jQuery将删除单选按钮/输入选项
- 在选择后链接输入选项
- 动态更改vejs 2中的选择输入选项
- 改变,到.输入/选项卡上
- HTML复选框和输入选项
- 添加从后端生成的输入选项
- 有条件地显示和隐藏从数据库生成的选择输入选项
- 将答案发送到服务器,并从服务器检索相关的数组以备下一个输入选项
- 显示颜色选择器对话框,但不显示输入选项