javascript - ボタンのクリックでhtml選択リストを開きます

Question

リストからオプションが選択されたときに作成されたボタンで選択リストを開きたいWebページにオプションリストを作成し、<div>選択した値がdivにも表示されます。

だからここで私はjavascript属性がボタンクリックでリストを開くようにしたい

document.getElementById('selectedlist').open.

これについて何か提案はありますか？

Answer 1

http://code.google.com/p/expandselect/をご覧ください。これがあなたの望むものだと思います。次に、このように選択を開くことができます。

ExpandSelect("myselect_id")

Answer 2

ボタンをクリックして選択ボックスを開く（トグルする）ための簡単なJavascriptコードを次に示します。

<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>