javascript - 通过单击按钮打开 html 选定列表

Question

我在网页中创建了一个选项列表，我想用一个按钮打开选择列表，<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>