버튼을 클릭하여 html로 선택한 목록 열기

Question

목록에서 선택한 옵션이 선택된 값으로 올 때 <div>으로 생성 된 버튼으로 선택 목록을 열고 자하는 웹 페이지에서 옵션 목록을 만들었습니다. div도.

그래서 여기에 나는 이것에 대해 제안이 버튼의 목록을 엽니 다 자바 스크립트 속성이

document.getElementById('selectedlist').open. 

어떤 시체처럼 뭔가를 클릭 싶어?

Answer 1

http://code.google.com/p/expandselect/을 살펴보십시오. 나는 이것이 당신이 원하는 것이라고 생각합니다. 다음과 같이 선택 항목을 열 수 있습니다.

ExpandSelect("myselect_id") 

Answer 2

다음은 버튼을 클릭 할 때 선택 상자를 열 (토글)하는 간단한 자바 스크립트 코드입니다. 여기

<script type="text/javascript"> 
    function expandSelect(id){ 
    var select_flag = document.getElementById('select_flag').value; 
     if(select_flag==1){ 
      var select_box = document.getElementById(id); 
      select_box.size = 1; 
      document.getElementById('select_flag').value = 0; 
     }else{ 
      var select_box = document.getElementById(id); 
      select_box.size = select_box.options.length; 
      document.getElementById('select_flag').value = 1; 
     } 
    } 
</script> 

<button onclick="expandSelect('select_box')"> Toggle Select Box </button> 


<div id="container"> 
    <select name="select_box" id="select_box" > 
     <option value="">Select</option> 
     <option value="">option1</option> 
     <option value="">option2</option> 
     <option value="">option3</option> 
     <option value="">option4</option> 
     <option value="">option5</option> 
     <option value="">option6</option> 
    </select> 
    <input type="hidden" name="select_flag" id="select_flag" value="0"> 
</div>