html选择列表-当大小为10时显示选择的值

Question

我有一个HTML选择列表，用于显示许多选项。

我将选择的大小设置为10并且正在使用autofocus 。

我如何dcisplay选择列表，以便在页面加载时显示选择的选项，即使选择的选项不在1st 10 options中 ，如下所示：

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

这是我的选择列表代码：

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

Answer 1

您应该将selected和focus属性添加到所需的选项标签

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

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

    ....
</select>

看看这个jsFiddle