2015-04-02 85 views
0

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

然后我发现了jquery-Ui Combobox,它使用自动完成功能创建了一个带有跨度的假选择框。

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

我的JavaScript的理解不够好弄清楚如何脚本打开的对话框。

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

回答

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> 
+0

上述代码将帮助您在悬停或关注选择框后显示整个下拉菜单 – 2015-04-02 09:21:43