javascript - 是否可以在不单击的情况下一次显示 HTML Select 表单域中的所有选项？

Question

我正在为任务状态选择字段使用 X-Editable jQuery 就地编辑库。它的所有阶段如下所示:

1. 点击状态
2. 然后隐藏状态 SPAN 并显示隐藏的选择字段。
3. 您可以单击选择字段，使其下拉并显示所有可用选项。
4. 点击一个新的选择选项值，然后在它发出 AJAX 请求以保存该值时显示加载微调器图像
5. 然后显示新选择的状态值 SPAN。
6. 再次点击重新开始循环/过程。

---

不过，我正在尝试想出一种更好的方法来选择新值。只有 3 个选择选项，所以我想一次显示所有 3 个项目，而不是要求您单击下拉菜单以查看其他 2 个选项。

是否可以通过基本选择来做到这一点，还是需要一个多选字段？

Answer 1

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;
}