Question

当我点击＆＃34; Tab＆＃34;时，我试图自动打开下拉菜单。键盘上的键和焦点我的元素。焦点功能工作，但触发器不起作用。我的目的是强迫点击＆＃34;事件因此它打开了。这是我的HTML示例。 https://jsfiddle.net/jaelsvd/yqnoo5z9/或片段。＆＃13; ＆＃13; $（＆＃34; .myTab＆＃34）。对焦（函数（）{＆＃13; ＆＃13; $（＆＃34; .myTab＆＃34）触发。（＆＃34;单击＆＃34;）;＆＃13; }）;＆＃13; ＆lt; script src =＆＃34; https：//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"＆gt;＆lt; / script＆gt;＆＃13; ＆lt; select class =＆＃34; myTab＆＃34;＆gt;＆＃13; ＆LT;选项＆GT;例1＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT;例2＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT;例3＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT;例4＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT;例5＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT;例6＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT;例7＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT;例8＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT;例9＆lt; / option＆gt;＆＃13; ＆LT; /选择＆GT;＆＃13; ＆lt; select class =＆＃34; myTab＆＃34;＆gt;＆＃13; ＆LT;选项＆GT; 1＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; 2＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; 3＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; 4＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; 5＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; 6＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; 7＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; 8＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; 9＆lt; / option＆gt;＆＃13; ＆LT; /选择＆GT;＆＃13; ＆lt; select class =＆＃34; myTab＆＃34; ＆GT;＆＃13; ＆LT;选项＆GT; Jael＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; Joe＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; Andrea＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; Toby＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; Bob＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; John＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; Alan＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; Mandy＆lt; / option＆gt;＆＃13; ＆LT;选项＆GT; Melody＆lt; / option＆gt;＆＃13; ＆LT; /选择＆GT;＆＃13; ＆＃13; ＆＃13;

Answer 1

点击事件无法打开下拉列表

您可以做的是更改下拉列表的大小，使其显示为打开

$(".myTab").focus(function(){

  $(".myTab").attr("size", 10);
});

您可以稍后将大小更改为1

Answer 2

您还可以尝试以下操作：

$(".myTab").focus(function(){

    var length = $('.myTab option').length;
    //open dropdown
    $(this).attr('size', length);

   // to close
   $(this).attr('size', 0);
});

通过这样做，您将获得精确尺寸的选项长度。

如何使用焦点jquery事件打开下拉列表<select>？

2 个答案: