jQuery UI 自动完成功能

jQuery UI Autocomplete Functionality

本文关键字：成功 功能 UI jQuery      更新时间：2023-09-26

我正在尝试在我的网站上放置一个自动完成输入，并且由于遇到了一些问题，我决定只使用 jQuery UI 自动完成小部件。 但这并不能解决所有问题！

这是我做过的一个示例的链接：http://jsfiddle.net/Tg7Rt/2/

这是我的问题：

  • 用户需要单击下拉的 ui 菜单框中的实际单词。 我希望用户能够单击同一行，即单词的右侧。

  • 假设用户想要输入单词"Peach"，这在自动完成中找不到。 我希望用户按"输入"并能够将单词添加到 .list

感谢您的帮助！

对于第一个请求，请记住还要包含 jQuery ui css。对于第二个，添加

$('#my_input').keyup(function(e){
    if(e.which === 13){
        $('ul').append("<li>" + this.value + "</li>");
        this.value = '';
    }

});

http://jsfiddle.net/Tg7Rt/7/

相关文章：