javascript - 如何通过 JavaScript 聚焦 bootstrap-select 元素

Question

我在 Spring 中使用 Bootstrap Select Dropdown:

<form:select name="participant-picker" multiple="false" path="participants" cssClass="selectpicker" data-live-search="true" title="Teilnehmer..." data-width="100%">
    <form:options
        items="${participants}"
        itemValue="enrolmentNumber"
        itemLabel="description" />
</form:select>

执行后:

<select class="selectpicker" title="Teilnehmer..." name="participant-picker" data-width="100%" data-live-search="true">
    <option value="1234687">Nachname121, Vorname122 (1234687)</option>
    <option value="1234688">Nachname122, Vorname123 (1234688)</option>
</select>

请记住，Bootstrap 会为下拉列表和其他内容动态添加多个 div。

现在我想动态地将焦点设置到这个选择元素。这不起作用:

$('select[name=participant-picker]').focus()

Answer 1

问题已解决:使用 Bootstrap selectpicker 时，您必须将焦点设置到 select 元素下方由 Bootstrap 自身生成的按钮元素，而不是 select 元素本身。