Javascript 在Web表单上实现自动完成建议

我需要你的帮助来选择最快的方法来实现自动完成搜索框在一个网页形式。 我需要投入来实现这一点，城市投入和街道投入。 街道输入的自动完成必须通过城市输入进行过滤，我们全国有116K行街道

我怎样才能把它做得既正确又聪明？

---

非常感谢

search.php文件由autocomplete插件的autocomplete方法调用。该文件基于搜索词检索技能数据，并使用PHP和MySQL以JSON编码数组的形式返回数据

autocomplete方法向源URL发出GET请求，并添加带有术语字段的查询字符串。因此，可以使用PHPGET方法获取搜索词。下面的PHP代码，从MySQL数据库技能表中获取记录，并按$\u GET['term']过滤记录。过滤后的技能数据作为JSON编码的数组返回给autocomplete方法

连接错误{ dieConnection失败：.$db->connect\u错误； } //获取搜索词 $searchTerm=$_GET['term']； //从数据库中获取匹配的数据 $query=$db->querySELECT*来自技能，其中技能“%$searchTerm.%”和状态=1，按技能ASC排序； //使用技能数据生成数组 $skillData=数组； 如果$query->num_rows>0{ 而$row=$query->fetch_assoc{ $data['id']=$row['id']； $data['value']=$row['skill']； 数组_push$skillData$data； } } //以json编码数组的形式返回结果 echo json_编码$skillData；

---

？>有关StackOverflow的问题应针对特定的编程问题。你似乎要求我们实施一个完整的系统。关于的文档应说明如何实现自动完成；然后，您需要编写一些逻辑来相应地更改给定给街道输入的自动完成列表。当您在编写代码时遇到困难，请发布您所编写的内容，以及您对该代码的疑问。