HTML：防止选择隐藏选项

Question

当我选择'select'中的项目时，是否可以不隐藏选项？当用户点击“op2”项目但没有关闭选项列表时，我需要添加更多选项来“选择”。

<select>
<option>op1</option>
<option>op2</option>
</select>

Answer 1

这是一个HTML选项：size="x"

<select id="test" size="5">
    <option>op1</option>
    <option>op2</option>
    <option>op3</option>
    <option>op4</option>
    <option>op5</option>
    <option>op6</option>
</select>

然后您可以使用jQuery设置所述大小：

$("select#test").attr("size",$("select#test > option").length);

DEMO HERE

Answer 2

<select multiple>可能就是你想要的。