在焦点上打开选择框

【问题标题】：Open select box on Focus在焦点上打开选择框
【发布时间】：2015-06-07 03:47:24
【问题描述】：

我试图打开一个焦点选择框，但每当我发现一些类似的问题时，答案总是：这是不可能的。

然后我找到了 jquery-Ui Combobox，它使用自动完成功能从跨度中创建了一个假选择框。

http://jqueryui.com/autocomplete/#combobox

我对 javascript 的理解还不够好，无法弄清楚脚本是如何打开对话框的。

你能告诉我如何在不点击箭头的情况下打开盒子吗？

【问题讨论】：

标签： javascript jquery jquery-ui select autocomplete

【解决方案1】：

<!DOCTYPE html>
<html>
<body>

<select id="mySelect" onmouseover="showAllOptions()" onfocus="showAllOptions()">
  <option>Apple</option>
  <option>Orange</option>
  <option>Pineapple</option>
  <option>Banana</option>
</select>

<script>
function showAllOptions(){
    var options = document.getElementById('mySelect').options;
    document.getElementById("mySelect").setAttribute("size",options.length);
}
</script>

</body>
</html>

【讨论】：

当您将鼠标悬停或聚焦在选择框上时，上面的代码将帮助您显示整个下拉列表