选择框需要在搜索字段的第一个元素中聚焦（多选）

Question

  

这是我的选择Box现在它的工作正常，但我希望搜索中的第一个元素是焦点，任何想法都会欣赏

      $('.newmultiselect').multiselect({
          enableFiltering: true,
          filterPlaceholder: 'Search',
          enableCaseInsensitiveFiltering : true,
          includeSelectAllOption: false,
          onChange: function(element, checked) {
            var selectID = $(element).parent().attr('id');
            $("#"+selectID).valid();
          }
      });
      searchMultiselect();

我的州字段Div

 <div class="col-12 col-sm-6 col-md-6 col-lg-4">
              <div class="form-group">
                <p>State<span class="notice-txt">*</span></p>
                  <select class="form-control validrmvcls newmultiselect" id="state" name="state">
                   <option value="">--Select--</option>
                     @foreach($states as $st)
                      <option value="{{$st['state_prefix']}}">{{$st['state_prefix']}}</option>
                     @endforeach
                  </select>
              </div>
            </div> 

Answer 1

您可以使用css first子属性，并且为了选择默认值，您可以在结果数据集中传递first选项的值。

Answer 2

只需添加onDropdownShown回调并关注您的输入。

修改

如果你不想专注于输入而是第一个元素，那就这样做：

onDropdownShown : function() {
    $('li:visible:not(.multiselect-filter)').eq(0).focus();
}

Answer 3

Krzysztof Janiszewski 请看看