我有一个包含两个输入的简单搜索表单。文本输入和选择输入。
文本输入为全宽,选择输入绝对定位,因此它位于文本输入的右侧,并充当区段过滤器。
这里的例子
我要做的是在选择select元素时保持文本输入的焦点。目前,您可以专注于文本输入,但是当您选择选择选项时,搜索/文本输入会失去焦点意味着您不能只返回搜索。
我假设这可以用一点点jQuery解决。我发现了一些例子,当你单击输入时会保持输入聚焦(或重新聚焦),但我只希望它在选择选择时保持焦点。希望有道理吗?
Markup就是这样......
<div id="search" class="global-search">
<form class="global-search-form" method="post">
<input type="search" placeholder="Search...">
<div class="search-select">
<span>in</span>
<select name="select-category">
<option value="all-categories">Everything</option>
<option value="category1">Category 1</option>
<option value="category2">Category 2</option>
</select>
</div>
</form>
</div>
答案 0 :(得分:0)
在聚焦选区时,您无法保持文本输入对焦,但您可以重新关注更改:
$('[name=select-category]').on('change', function(){
$("[type=search]").focus();
});