Question

我正在使用此1.6.3的bootstrap-select来选择带Bootstrap的菜单。

但是，当我浏览表单时，它会跳过包含类select的{{1}}元素：即元素不在Tab键顺序中。

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 select不是问题的根源。

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

Answer 2

是的，有同样的问题，特别是在macbooks上，有一些偏好skipp由bootstrap选择生成的按钮元素

  import org.apache.jmeter.util.JMeterUtils;
  import org.apache.commons.lang3;


  String tesTe = vars.get("card");
  String last4 = tesTe.substring(tesTe.length()-4,tesTe.length());
  vars.put("lastcard", last4);   //Already string therefore no need to use String.valueOf()
  log.info(vars.get("lastcard"));

 props.put("lastNum",vars.get("lastcard"));  //Setup to use props.put instead of set property

Answer 3

显然，这是Safari的“功能”，使用制表符可以跳过下拉菜单。它是浏览器设置的一部分。看起来它也会影响Firefox。

http://www.tonyspencer.com/2006/05/02/tab-skips-select-form-fields-in-mac-browsers/index.html

Bootstrap-Select跳过选项卡索引

3 个答案: