如果使用选项卡导航，单个选择的 select 将永远不会获得焦点

Question

我正在使用 Chosen jQuery 插件。如果使用选项卡导航，其中单个选择的 select 将永远不会获得焦点，但它适用于多个选择的 select.

<div class="form-group">
    <label class="col-lg-2 control-label">Select:</label>
    <div class="col-lg-2">
        <select data-placeholder="Select" class="chosen-select" name="releaseState"
            tabindex="1" style="width: 100%;">
            <option value="1">is</option>
            <option value="2">is not</option>
            <option value="3">all</option>
        </select>
    </div>
    <div class="col-lg-6">
        <select data-placeholder="Select option"
            class="chosen-select" name="optionSelect" tabindex="2"
            style="width: 100%;" multiple>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
    </div>
</div>

在控制台也没有显示任何错误。

感谢您的帮助。

JSFiddle: https://jsfiddle.net/yffqn0st/

Answer 1

根据问题，您正在使用从单个选择的 select 或中选择的 select Jquery 作为 selection 选项。但根据我的理解 jquery 选择的 (v1.5.1) 不支持指定的功能。参考相同的：Chosen V1.5.1 仅适用于多选 select.

如果使用选项卡导航，单个选择的 select 将永远不会获得焦点

The single chosen select will never get focus if navigate using tabs

jquery

twitter-bootstrap

jquery-chosen