我正在使用 select2.js 版本:3.4.3 和 bootstrap 我有一个下拉菜单。
当我点击下拉菜单时,我得到了包含搜索文本字段的列表。 但是我的光标没有集中在搜索文本字段上。
<form:select path="yearAge" id="yearAgeId"
cssClass="form-control search-select static-select">
<form:option value="">Years</form:option>
<c:forEach var="i" begin="1" end="125" >
<form:option value="${i}" label="${i}"></form:option>
</c:forEach>
</form:select>
$(".search-select.static-select").select2({
placeholder: $(this).attr('placeholder'),
allowClear: true
});
当我点击下拉光标时,焦点应该设置为自动搜索文本字段。
谢谢...!!!!
最佳答案
如果是 jQuery 3.6.0 引起的,你可以使用这个:
$(document).on('select2:open', () => {
document.querySelector('.select2-search__field').focus();
});
关于jquery - 当我们点击选择 2 下拉菜单时,将焦点设置为搜索文本字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25882999/