如何在默认情况下选择标记显示选项而不单击

Question

我使用<select>代码创建了一个下拉列表，现在我想在<select>显示选项而不点击下拉列表（我的意思是当我们打开html时，我们应该能够看到所有选项而不是点击选择）。这可能是使用jQuery还是有其他方法可以做到。

以下是我在jsfiddle中的代码

http://jsfiddle.net/sukumar/xtTcZ/

我希望默认情况下显示如下选项

Answer 1

通常你只需在size上设置select属性，但它不像jquery mobile支持那样。至少在docs中没有提及。

例如：

<select size="4">
    <option value="1">one</option>
    <option value="2">two</option>
    <option value="3">three</option>
    <option value="4">four</option>
</select>

Answer 2

select元素具有属性size，用于指定应显示的行数。

<select size="3">
    <option>Row 1</option>
    <option>Row 2</option>
    <option>Row 3</option>
</select>