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

Question

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

1. 点击状态
2. 然后隐藏状态 SPAN 并显示隐藏的选择字段。
3. 您可以单击 selection 字段使其下拉并显示所有可用选项。
4. 点击一个新的选择选项值然后显示加载微调器图像，同时它发出 AJAX 请求保存值
5. 然后显示新的 selected 状态值 SPAN。
6. 再次单击会重新启动 cycle/process。

---

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

是否可以使用基本选择来做到这一点，还是需要 Multi-select 字段？

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

Answer 2

$("#Id_Selecteventtype")[0].selectedIndex = 1;