在关注另一个选择选项时保持输入聚焦？

Question

我有一个包含两个输入的简单搜索表单。文本输入和选择输入。

文本输入为全宽，选择输入绝对定位，因此它位于文本输入的右侧，并充当区段过滤器。

这里的例子

我要做的是在选择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>

Answer 1

在聚焦选区时，您无法保持文本输入对焦，但您可以重新关注更改：

$('[name=select-category]').on('change', function(){
    $("[type=search]").focus();
});

https://jsfiddle.net/obbthcfp/