如何在中间值选项中打开引导程序选择列表选择

Question

有没有办法默认Bootstrap下拉列表，以便它们在值选项的中间打开？

当我单击“选择菜单”时，默认情况下会从顶部值打开，如enter image description here

我希望在最受欢迎的选项（5'0''到6'2''）上打开，如下所示：enter image description here

请任何人帮我解决这个问题：）

Answer 1

最直接的选项之一就是设置首选值，例如5'0"作为所选选项：

<select>
    <!-- Omitted for brevity -->
    <option>4'10</option>
    <option>4'11</option>
    <option selected>5'0</option>
    <option>5'1</option>
    <option>5'2</option>
    <!-- Omitted for brevity -->
</select>

否则，您可以使用某种类型的实现来尝试选择＆＃34; middle＆＃34;列表中的元素通过eq()函数：

// Attempt to resolve the middle element of your list
$('select option:eq(' + $('#select option').length / 2 + ')').prop('selected',true);
// Instantiate your select picker
$('select').selectpicker();

these examples can be seen here和以下所示：

如果您想让用户更容易一些，您可以考虑利用同一个插件（如live search）提供的一些功能，以允许用户开始输入以访问他们的选择。< / p>