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>

单击按钮打开html选择列表

2 个答案: