В поле выбора необходимо сосредоточить внимание на первом элементе поля поиска (множественный выбор)
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>
Ответы 3
Вы можете использовать свойство css first child, а для выбора по умолчанию вы можете передать значение первого параметра в свой набор данных результата.
Вы также можете использовать css в jquery, используя метод .addClass для любого элемента
Да, я знаю, братан, но я спрашиваю, есть ли какая-либо предопределенная функция в jquery multiselect
Если нет, конечно, я буду следовать вашим шагам
Проверьте селектор фокуса и посмотрите, может ли он вам помочь.
Просто добавьте обратный вызов onDropdownShown и сосредоточьтесь на своем вводе.
РЕДАКТИРОВАТЬ
Если вы не хотите сосредотачиваться на вводе, а на первом элементе, просто сделайте это так:
onDropdownShown : function() {
$('li:visible:not(.multiselect-filter)').eq(0).focus();
}
Но все еще сталкивается с той же проблемой
Пока я просматриваю результат поиска, я получаю этот <li> <a tabindex = "0"> <label class = "radio"> <input value = "Southeast" type = "radio"> Southeast </label> < / a> </li>
Какая проблема? Проверьте класс devtools этого входа, возможно, он отличается от .multiselect-filter-hidden
Да, я уже это проверил, сэр. это класс <li> <a tabindex = "0"> <label class = "radio"> <input value = "Southeast" type = "radio"> Southeast </label> </a> </li>
Нет, это просто следующий элемент. Я говорю о вводе.
подождите, сэр, позвольте мне опубликовать свой ответ
сэр, извините за беспокойство, пожалуйста, посмотрите мой ответ, сэр
@SivaGanesh Попробовать
Сэр решение ??.
@SivaGanesh Просто попробуйте отредактированный ответ. Вы можете видеть, что я изменил имя класса .multiselect-filter-hidden на .multiselect-filter input
сэр, он все еще сосредоточен на моем вводе, мне нужно сосредоточиться на результатах поиска. Это означает, что мне нужно сосредоточиться на юго-востоке, а не на вводе поиска
@SivaGanesh, ладно, тебе стоит начать с этого :) Попробуй отредактированный ответ
Извините, сэр, результат тот же
Но мне нужен jquery, это означает, что например, enableFiltering, filterPlaceholder.