선택 상자 옵션을 삭제하기위한 전용 버튼/div

Question

전용 버튼/div를 만들어 선택 상자를 드롭 다운 할 수 있습니까?

예 : jsFIddle - 주황색 사각형을 클릭하면 선택 상자가 드롭되기를 원합니다.

Answer 1

abvious 솔루션 select.click() 메서드를 호출하는 것, 이것은 당신을 위해 도움이 될 수 있다고 생각하지만이 작동하지 않습니다. 트릭을 수행 할 수있는 라이브러리는 다음과 같습니다. http://code.google.com/p/expandselect/

Answer 2

은 내가

<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';"/>