jQuery UI自动完成功能

时间:2012-04-11 14:44:43

标签: javascript jquery

我正在尝试在我的网站上输入自动完成输入,我决定只使用jQuery UI自动完成小部件,因为我遇到了一些问题。但这并不能解决所有问题!

以下是我所做示例的链接:http://jsfiddle.net/Tg7Rt/2/

以下是我的问题:

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

  • 假设用户想要输入“Peach”这个词,这个词在自动填充中找不到。我希望用户按“输入”并将该词添加到.list

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

对于第一个请求,请记住还要包含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/