html选择列表 - 当大小为10

Question

我有一个html选择列表，我用它来显示很多选项。

我的选择大小为10而我正在使用autofocus。

如何重新显示选择列表，以便在页面加载时显示所选选项，即使所选选项不在前10个选项中，如下所示：

目前，当页面加载时，选择列表显示如下（选择选项19，但不显示）：

这是我的选择列表代码：

<select id="id_preview_style_select" name="preview_style" title="Preview Style" size="10" autofocus>
    ....
    ....
</select>

Answer 1

您应该将选定的和焦点属性添加到所需的选项标记

<select id="id_preview_style_select" name="preview_style" title="Preview Style" size="10" autofocus>
    ....

    <option value="10" selected focus> 20 </option>

    ....
</select>

查看此jsFiddle