2011-06-02 55 views
4

如何使用Javascipt强制select元素下拉?可能吗?JavaScript - 强制选择元素下拉?

<select id="MiamiPlayers"> 
    <option value="0">Bosh</option> 
    <option value="1">Wade</option> 
    <option value="2">LeBron</option> 
</select> 

<input type="button" onclick="Show()" /> 

<script type="text/javascript"> 
    function Show() 
    { 
     //force the select to dropdown... 
    } 
</script> 

在此先感谢!

+0

可能的重复[如何以编程方式告诉H TML SELECT下拉(例如,由于鼠标悬停)?](http://stackoverflow.com/questions/249192/how-can-you-programmatically-tell-an-html-select-to-drop-down-例如到期) – Vadzim 2016-12-08 12:50:14

回答

1
var select = document.getElementById(id); 
select.size = select.options.length; 

其中id是你的选择框的ID ...

+0

这是将下拉列表转换为列表。在大多数情况下无用。 – 2017-01-23 16:56:24

+0

@JorgeFuentesGonzález您能否为OP的任务提供更好的解决方案? – BairDev 2017-03-16 10:02:33

+0

@malte其实Petah的答案是正确的,因为它声称“你不能打开下拉,但是......”。不用再次添加相同的答案。如果你需要打开它如此糟糕,那么你需要创建自己的选择小部件或使用互联网上存在的众多小部件之一。 – 2017-03-16 10:08:07

4

无法打开下拉菜单,但你可以做这样的事情:

document.getElementById('MiamiPlayers').setAttribute('size', 3); 

请参阅http://jsfiddle.net/MdCBB/

+0

是的,这很糟糕,你不能打开下拉列表。 – 2011-06-21 20:22:21