javascript以编程方式下拉选择菜单

我正在寻找一种使用javascript或jquery的方法，在单击按钮时自动下拉选择菜单下拉列表。我有这个问题，因为我使用的文本字段允许自定义用户输入将字段动态添加到选择输入，我不希望用户单击两次，但本质上问题是：

$（“#下拉按钮”）。单击（函数（）{
//$（“#选择框”）。//这里是什么？？？
})

1.
2.
下拉选择按钮！

单击按钮，检查选择框大小是否为1或更大。如果它是0或1，则将其设置为按钮单击时的最大大小，如下所示

        $("#dropDownButton").click(function(){
        //$("#selectBox"). //What goes here???

        var no = document.getElementById("selectBox").length;
        var s;

        if($("#selectBox").prop('size') == 0 || $("#selectBox").prop('size') == 1 ) {
            s = no;    
        }
        else {
            s = 1;
        }
        $("#selectBox").attr('size', s);
    });

---

单击按钮时，检查选择框大小是否为1或更大。如果它是0或1，则将其设置为按钮单击时的最大大小，如下所示

        $("#dropDownButton").click(function(){
        //$("#selectBox"). //What goes here???

        var no = document.getElementById("selectBox").length;
        var s;

        if($("#selectBox").prop('size') == 0 || $("#selectBox").prop('size') == 1 ) {
            s = no;    
        }
        else {
            s = 1;
        }
        $("#selectBox").attr('size', s);
    });

---

可能没有直接执行此操作的方法，但有几个WEY替代。 像

：：使用标签选择并触发点击事件

：：使用

.focus（）

聚焦到选定元素

当前位置最好的方法之一是选择

$('#dropDownButton').click(function() {
        var length = $('#selectBox option').length;
       //open dropdown
        $("#selectBox").prop('size', length);

       // to close

        //$("#selectBox").prop('size', 0);
    });

<>但是所有的都是执行动作的替代品。还有一个最好的选择，就是用一组另一个元素，比如“代码>清单和<代码> div <代码>，这是大多数的CSS框架，比如Bootstrap和Buffel.

使用的。

---

可能没有直接执行此操作的方法，但有几个WEY替代。 像

：：使用标签选择并触发点击事件

：：使用

.focus（）

聚焦到选定元素

当前位置最好的方法之一是选择

$('#dropDownButton').click(function() {
        var length = $('#selectBox option').length;
       //open dropdown
        $("#selectBox").prop('size', length);

       // to close

        //$("#selectBox").prop('size', 0);
    });

<>但是所有的都是执行动作的替代品。还有一个最好的选择，就是用一组另一个元素，比如“代码>清单和<代码> div <代码>，这是大多数的CSS框架，比如Bootstrap和Buffel.

使用的。

可能重复：可能重复：