jquerymobile - 以编程方式打开/关闭选择下拉列表

时间:2013-08-06 12:45:48

标签: jquery jquery-mobile keyboard-shortcuts

我正在尝试以编程方式打开/关闭选择下拉内容,但我无法弄清楚如何在选择中调用“打开”和“关闭”

以下是一个示例:Fiddle

CODE

$(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),它应该打开,如果按下的键是char(a-z),则选择应该关闭。

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

有什么想法吗?

提前致谢,最好的问候

2 个答案:

答案 0 :(得分:7)

查看小部件的documentation并使用:

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

此外,您必须将data-native-menu="false"添加到标记中,因为本机元素将无法打开。

工作演示here

答案 1 :(得分:0)

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