jQuery UI 自动完成：如何使 TAB select 成为列表中的第一个选项？

Question

使用 jQuery UI 自动完成功能，有什么方法可以自动 select TAB 点击时的第一个项目（或至少刺激一个向下键）？

Answer 1

您可以使用下面的 jQuery 来做到这一点：

$("#tags").on('keydown', function (e) {
                var keyCode = e.keyCode || e.which;
                if (keyCode == 9) {
                    //if alt pressed
                    e.preventDefault();
                    var _firstitem = $(".ui-autocomplete .ui-menu-item").first().text();
                    $(this).val(_firstitem);
                }
            });

请看这个fiddle:

https://jsfiddle.net/mv38yozx/

希望对您有所帮助。