在焦点上打开选择框

时间:2015-04-02 08:48:39

标签: javascript jquery jquery-ui select autocomplete

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

然后我找到了jquery-Ui Combobox,它创建了一个带有自动完成功能的伪选择框。

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

我对javascript的理解还不足以弄清楚脚本如何打开对话框。

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

1 个答案:

答案 0 :(得分:0)

<!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>