我希望有人可以指出我正确的方向,然后我应该能够解决这个问题并让它发挥作用......
基本上,我有一个位置数据库,例如:
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,其他任何东西都超出了我的编程知识。
我可能认为这一切都错了,但任何可以指出我正确方向的反馈或信息都会非常感激。
非常感谢
答案 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
以上链接的名称服务器失败,所以很抱歉!尝试网站管理员整理它!