选择框需要将焦点放在搜索字段的第一个元素中(多选) [英] Select box need Focus in first element of the search field (multiselect)

问题描述

这是我选择的Box现在可以正常工作了，但是我希望搜索中的第一个元素是 focus ，任何想法都会感激

This is my select Box Now its working fine, But I want the first element in search to be focus, Any idea will appreciate

      $('.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> 

推荐答案

只需添加onDropdownShown回调并专注于您的输入即可.

Just add onDropdownShown callback and focus on your input.

编辑

如果您不想专注于输入而是第一个元素，只需执行以下操作即可:

If you don't want to focus on input but first element, just do it like this:

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

这篇关于选择框需要将焦点放在搜索字段的第一个元素中(多选)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！