Установите флажок «Фокус» в первом элементе поля поиска (множественный выбор)

Question

Это мой блок выбора. Теперь он работает нормально, но я хочу, чтобы первым элементом поиска был focus , Любая идея оценит

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

Просто добавьте onDropdownShown обратный вызов и сфокусируйтесь на вводе.

РЕДАКТИРОВАТЬ

Если вы не хотите фокусироваться на вводе, а на первом элементе, просто сделайтеэто так:

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

Answer 2

Кшиштоф Янишевский пожалуйста, посмотрите

Answer 3

Вы можете использовать свойство css first child, а для выбора значения по умолчанию вы можете передать значение first option в ваш набор данных data.