来自数据库PHP MYSQL AJAX的自动完成表单

时间:2012-06-01 19:34:06

标签: php mysql ajax forms autocomplete

我希望有人可以指出我正确的方向,然后我应该能够解决这个问题并让它发挥作用......

基本上,我有一个位置数据库,例如:

ID   City/Town    County
1    Newbury      Berkshire
2    Preston      Merseyside

现在我的网站有一个表单,用户填写表示他们的地址,在一个部分我有两个输入字段'city'和'county'。在这里,我想要发生三件事。

1)当用户开始进入他们的城市时,它会根据数据库的结果自动完成(这将包括他们的城市和县,该县仅用于识别,因此选择时只会输入城市)。

2)一旦用户选择他们的城市,它就会从数据库中自动完成县字段。

3)完成所有这些后,我希望将来自city和county结果的ID输入到隐藏的输入元素中。

我一直在互联网上寻找并发现大量自动完成脚本: http://ajaxdump.com/2010/08/11/10-cool-auto-complete-scripts-using-ajaxjquerymootoolsprototype/ http://www.jqueryrain.com/2012/03/35-best-ajax-jquery-autocomplete-tutorial-plugin-with-examples/

我在表格填写上发现了各种帖子,例如: Jquery autocomplete and PHP: populating input field with data from mySQL database based on selected option in autocomplete field

但我似乎无法让他们一起工作。我想坚持使用PHP,MYSQL和JavaScript。如果需要,我很乐意使用AJAX,其他任何东西都超出了我的编程知识。

我可能认为这一切都错了,但任何可以指出我正确方向的反馈或信息都会非常感激。

非常感谢

3 个答案:

答案 0 :(得分:1)

使用jQuery这很容易。只需要输入检测$(“input”)。keyup(function(){}); 然后将$ getJson()请求发送到查询数据库的PHP脚本。然后让PHP返回带有id,city和county的JSON字符串。将JSON对象加载到所需的位置。

答案 1 :(得分:1)

我实际上找到了完成这项工作所需的脚本。

去看看,花了几天时间试图搞清楚,然后在我们上传这篇文章的过程中找到了它!

对于其他寻找同样事物的人http://af-design.com/blog/2010/05/12/using-jquery-uis-autocomplete-to-populate-a-form/

享受!

答案 2 :(得分:0)

我认为雅虎为它提供了最佳选择YUI;)

  

检查一下 - YUI2 - Autocomplete

上一个答案: 点击此链接!它一定会帮助你.. Implementing Autosuggest With AJAX Into Your Site

以上链接的名称服务器失败,所以很抱歉!尝试网站管理员整理它!