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

Question

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

我有 select 到 10 的大小，我正在使用 autofocus。

如何显示 select 列表，以便在页面加载时显示 selected 选项，即使 selected 选项未显示在前 10 个选项中，像这样：

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

这是我的 select 列表代码：

<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

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

html select list - display seleted value when size is 10

javascript

jquery

html

html-select