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/