如何使一个动态的,可选择的列表下的文本字段在网页(如谷歌即时搜索)


How to make a dynamic, selectable list under a text field in a webpage (like Googles instant search)

我正在寻找一种方法来创建一个网页上的文本字段下面的动态列表。该列表需要是可选择的(通过鼠标单击和向下箭头键)。被选中的项目在选中后将出现在文本框中。

它的外观和行为应该像谷歌即时搜索。

我用这个教程完成了即时搜索:http://www.w3schools.com/php/php_ajax_livesearch.asp

现在唯一缺少的是使列表可选择,并将选中的项目放在文本字段中。(之后列表将消失)

http://docs.jquery.com/UI/Autocomplete

http://developer.yahoo.com/yui/examples/autocomplete/ac_basic_array.html

还有很多很多的选择。祝你好运:-)