twitter-bootstrap - Bootstrap-Select 跳过选项卡索引

Question

我正在使用 1.6.3这个bootstrap-select使用 Bootstrap 选择菜单。

但是，当我浏览表单时，它会跳过 select具有类 selectpicker 的元素:即元素不在制表符顺序中。

GitHub 上有 1.6.4 版本，但我在 CDN 上找不到。

想知道是否有其他人遇到过这个问题以及是否有解决方法。

Answer 1

Tab 顺序自然应该大致遵循 DOM 中 HTML 元素的顺序。

这是一个在版本 1.6.3 上运行良好的示例

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.js"></script>

<div class="form-group">
  <label for="name">Name</label>
  <input type="text" class="form-control" id="name">
</div>

<div class="form-group">
  <label for="name">Something</label>
  <select class="selectpicker form-control">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>
</div>

<div class="form-group">
  <label for="something">Something</label>
  <input type="text" class="form-control" id="something">
</div>

如果您删除 bootstrap-select，并让常规 <select>元素是表单的一部分，它还有问题吗？如果是这样， Bootstrap 选择不是问题的根源。

无论哪种方式，我们都可能需要一个工作演示来诊断问题。您可以在此答案中获取堆栈片段并开始添加它，直到您可以重新创建问题。