javascript - 用于下拉选择框选项的专用按钮/div

Question

是否可以通过为此制作专用按钮/ div 来使选择框下拉？

例如：jsFIddle - 我希望在单击橙色矩形时下拉选择框。

Answer 1

我想这个可能对你有帮助

<select id="tst" >
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
</select>


<input type="button" name="" value="Open" onclick="document.getElementById('tst').size='10';"/>
<input type="button" name="" value="Close" onclick="document.getElementById('tst').size='1';"/>

Answer 2

一个简单的解决方案是调用 select.click() 方法，但这不起作用。这是一个可以为您解决问题的库：http ://code.google.com/p/expandselect/