Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/java/326.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在JQuery自动完成中选择第n行?_Jquery_Autocomplete - Fatal编程技术网

如何在JQuery自动完成中选择第n行?

如何在JQuery自动完成中选择第n行?,jquery,autocomplete,Jquery,Autocomplete,选择建议中的第五行 怎么做 例如:输入s,建议如下: 动作脚本 苹果书 Asp 基本的 冷饮 哈斯克尔 JavaScript 口齿不清 斯卡拉 计划 如何选择ColdFusion而无需鼠标向下或单击 我的测试代码: <script> $(function() { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC",

选择建议中的第五行

怎么做

例如:输入
s
,建议如下:

  • 动作脚本
  • 苹果书
  • Asp
  • 基本的
  • 冷饮
  • 哈斯克尔
  • JavaScript
  • 口齿不清
  • 斯卡拉
  • 计划
如何选择
ColdFusion
而无需鼠标向下或单击

我的测试代码:

<script>
$(function() {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ];
    $( "#tags" ).autocomplete({
        source: availableTags,
        open:function(event,ui){
            $('.ui-menu-item:eq(5) a').click();
        }
    });
});
</script>

$(函数(){
var availableTags=[
“动作脚本”,
“AppleScript”,
“Asp”,
“基本”,
“C”,
“C++”,
“Clojure”,
“COBOL”,
“ColdFusion”,
“二郎”,
“Fortran”,
“好极了”,
“哈斯克尔”,
“爪哇”,
“JavaScript”,
“口齿不清”,
“Perl”,
“PHP”,
“Python”,
“红宝石”,
“斯卡拉”,
“方案”
];
$(“#标记”).autocomplete({
资料来源:availableTags,
打开:功能(事件、用户界面){
$('.ui菜单项:eq(5)a')。单击();
}
});
});
它不起作用


这些

您必须限制自己的结果集,即使用事件

要在不使用鼠标向下或单击的情况下选择项目,可以使用键盘上的箭头键

您可以使用触发第n行上的虚拟单击

$("#tags").autocomplete({
    source: availableTags,
    open: function(event, ui) {

        $("#tags").autocomplete().data("autocomplete").menu._trigger("selected", event, {
            item: $('.ui-menu-item:eq(5)')
        });
    }
});