Question

我有一个下拉列表。我也有一个按钮。我有特殊要求。

当用户点击按钮时，应该展开下拉列表。

Answer 1

您可能希望构建一个自定义下拉菜单，其中包含某种expand（）方法，该方法显示下拉列表中的选项。默认下拉菜单没有这样的东西，所以你被困在那里。

Answer 2

虽然你无法达到你想要的，但我提出了替代方法。单击该按钮后，您可以将下拉列表size动态设置为其获得的项目数量，使其“打开”并显示所有项目。

然后，在选择项目时，您可以将size设置为1.这实际上具有与您想要的外观相同的外观和感觉。

完整的代码是：

window.onload = function() {
    var oDDL = document.getElementById("myselect");
    oDDL.onchange = function() {
        //drop down item selected, reset size back to 1 to "close" the list:
        this.size = 1;
    };

    var oButton = document.getElementById("btnOpenDropDown");
    oButton.onclick = function() {
        //set size to number of items to "open" the list:
        oDDL.size = oDDL.options.length;
        oDDL.focus();
    }
};

Live test case

呼叫下拉单击事件按钮单击/ jquery

2 个答案: