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

Posted 2023-05-08

【中文标题】jQuery UI 自动完成：如何让 TAB 选择列表中的第一个选项？

【英文标题】：jQuery UI Autocomplete: How to make TAB select the first option on the list?

【发布时间】：2019-10-24 19:14:59

【问题描述】：

使用 jQuery UI 自动完成，有没有办法在 TAB 点击时自动选择第一项（或至少刺激向下键）？

【参考方案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/

希望对你有帮助。