是否可以立即显示HTML选择表单字段中的所有选项而不单击它？

Question

我在位置库中使用X-Editable jQuery编辑用于任务状态选择字段。所有这些阶段如下所示：

1. 点击状态
2. 然后隐藏状态SPAN并显示隐藏的选择字段。
3. 您可以点击选择字段，使其下拉并显示所有可用选项。
4. 单击新的Selection选项值，然后显示加载微调器图像，同时发出保存值的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;
}

Answer 2

$（＆＃34;＃Id_Selecteventtype＆＃34;）[0] .selectedIndex = 1;