Question

我正在使用Bootstrap-select。我想在我的表单中自动聚焦第一个选择

<form id="myForm">
   <select id="mySelect" class="selectpicker">
     <option>1</option>
     <option>2</option>
     <option>3</option>
   </select>
</form>

我尝试在HTML中添加autofocus属性。我还尝试了各种在页面加载时设置它的方法：

setTimeout('$("form select:first").focus()', 700);
setTimeout('$("#myForm select:first").focus()', 700);
setTimeout('$("#myForm #mySelect").focus()', 700);

我已经确认使用Bootstrap-select在HTML生成中丢失了autofocus属性，并且计数器工作正常。如何将重点放在bootstrap-select的负载上？

Answer 1

<form id="myForm">
  <select id="mySelect" class="selectpicker">
    <option selected>1</option>
    <option>2</option>
    <option>3</option>
  </select>
</form>

技巧

格尔茨

Answer 2

我能够使用以下方式实现这一焦点：

    $('#selector').on('show.bs.select', function (e) {
        $(this).find("bs-searchbox > input[type='text']:first").focus();
    });

bs-searchbox是包装文本框本身的div。

自动对焦引导程序 - 选择页面加载

2 个答案: