jquerymobile - 以编程方式打开/关闭选择下拉菜单答案

【问题标题】：jquerymobile - open / close select dropdown programmaticallyjquerymobile - 以编程方式打开/关闭选择下拉菜单
【发布时间】：2013-08-06 12:45:48
【问题描述】：

我正在尝试以编程方式打开/关闭选择下拉内容，但我不知道如何在选择上调用“打开”和“关闭”

这是一个例子：Fiddle

代码

$(document).keyup(function(e){
    if(e.which >= 48 && e.which <= 57){
        $("#myselect").click();
        $("#keyOpen").empty().text(e.which);
    }else if(e.which >= 58 && e.which <= 90){
        $("#myselect").trigger("click");
        $("#keyClose").empty().text(e.which);
    }
});

如果按下的键是数字 (0-9)，它应该打开，如果按下的键是字符 (a-z)，则选择应该关闭。

这组字符只是一个例子，我想将打开/关闭手势绑定到键盘输入。

有什么想法吗？

提前致谢，致以最诚挚的问候

【问题讨论】：

有点不清楚。你想用按键打开选择吗？
@KeesSonnema 是的，用另一个按键打开它后，我想关闭那个选择
This post 可能会有所帮助

标签： jquery jquery-mobile keyboard-shortcuts

【解决方案1】：

查看小部件的documentation 并使用：

$("#myselect").selectmenu( "open" );
$("#myselect").selectmenu( "close" );

您还必须将data-native-menu="false" 添加到您的标记中，因为本机元素不会打开。

工作演示here。

【讨论】：

【解决方案2】：

您无法打开标准的 SELECT 框，您必须创建自己的类似选择框并打开它。

【讨论】：