是否可以一次显示 HTML 选择表单字段中的所有选项，而无需单击它？

我正在使用 X-Editable jQuery 就地编辑库作为任务状态选择字段。整个过程的所有阶段如下所示：

1. 单击状态
2. 然后，它隐藏状态 SPAN 并显示隐藏的选择字段。
3. 您可以单击选择字段，使其下拉并显示所有可用选项。
4. 单击新的选择选项值，然后显示加载旋转图像，同时发出 AJAX 请求来保存该值
5. 然后显示新选择的状态值 SPAN。
6. 再次单击将重新启动循环/过程。

然而，我试图想出一种更好的方法来选择新值。只有 3 个选择选项，因此我希望一次显示所有 3 个项目，而不是要求您单击下拉列表来查看其他 2 个选项。

是否可以通过基本选择来做到这一点，或者是否需要多选 field?

http://jsfiddle.net/n1k5cLx0/ http://jsfiddle.net/n1k5cLx0/

您是在寻找列表还是仍然想要一个默认显示选项的下拉列表。对于列表样式，您可以将 size 属性与 select 元素一起使用。

HTML

<select size="3">
  <option>Not Started</option>
  <option selected>In Progess</option>
  <option>Completed</option>
</select>

CSS

select{
    overflow:auto;
}