2012-04-11 153 views
2

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

下面是一个例子,我做了一个链接:http://jsfiddle.net/Tg7Rt/2/

这里是我的问题:

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

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

感谢您的帮助!

回答

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/

+3

为第一requst:只需添加CSS:'的.ui-自动完成的.ui菜单项目A { 显示:块; }' – 2012-04-11 14:55:21