在焦点上显示下拉选项

Question

我有一个简单的html下拉菜单，如果可能的话，我想使用jQuery来显示所有选项，如果此控件具有焦点（就像用户单击下拉菜单一样）。 我已经尝试过jQuery trigger()，click()，但都没有成功。

  <select id="single">
    <option>Single</option>
    <option>Single2</option>
  </select>

- user259727

Answer 1

由于代表下拉列表的UI元素来自主机浏览器，因此它实际上并不在JS沙箱内 - 相反，我们仅有一个DOM对象，表示我们可以操作的元素的内容 - 选项列表、样式和所选索引。与元素内部交互的行为 - 扩展/折叠等发生在浏览器chrome层级 - 与标签、文件菜单等一样 - 在JS沙箱之外。标准并没有要求在DDL打开时通知DOM，只有在焦点处于DDL时才通知。

简而言之 - 不行。

- Rex M

Answer 2

我建议使用comboBox。这样可以让你做你想做的事情。

http://simpletutorials.com/?path=tutorials/javascript/jquery/ddcombobox

- Matthew Smith