【问题标题】:autocomplete form from database PHP MYSQL AJAX [closed]来自数据库 PHP MYSQL AJAX 的自动完成表单
【发布时间】:2012-06-07 01:12:43
【问题描述】:

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

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

ID   City/Town    County
1    Newbury      Berkshire
2    Preston      Merseyside

现在我的网站有一个表格供用户填写以表明他们的地址,在一个部分中我有两个输入字段“城市”和“县”。在这里,我希望发生三件事。

1) When the user begins to enter their city it auto completes based on results from the database (this would include their city and county, the county is just for identification so when selected would just input the city).

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

3) 完成所有这些后,我希望将城市和县结果中的 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,其他任何事情都超出了我的编程知识范围。

我可能在这件事上做错了,但任何可以为我指明正确方向的反馈或信息将不胜感激。

非常感谢

【问题讨论】:

    标签: php mysql ajax forms autocomplete


    【解决方案1】:

    这对于 jQuery 来说是相当容易的。只需让您的输入检测 $("input").keyup(function(){}); 然后向查询数据库的 PHP 脚本发送 $getJson() 请求。然后让 PHP 返回一个带有 id、city 和 County 的 JSON 字符串。加载所需的 JSON 对象。

    【讨论】:

      【解决方案2】:

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

      去想,花了几天想弄明白,然后在我们上传这篇文章的过程中,我找到了它!

      对于其他正在寻找相同东西的人,就在这里http://af-design.com/blog/2010/05/12/using-jquery-uis-autocomplete-to-populate-a-form/

      享受吧!

      【讨论】:

        【解决方案3】:

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

        看看这个 - YUI2 - Autocomplete

        上一个答案: 按照这个链接!它一定会帮助你..Implementing Autosuggest With AJAX Into Your Site

        以上链接的名称服务器出现故障,对此深表歉意!如果网站管理员解决了试试!

        【讨论】:

        • 哦..当我试图找到类似的东西时,我从那里得到了它!
        • 好友名称服务器出现故障,这意味着网站的托管存在问题!链接是完美的!未找到名称服务器!可能是他们正在更换服务器或他们的托管包已完成!
        • @ManuelFaux :即使这个link 站点的链接也不起作用;)名称服务器失败了!你也需要整理一下!
        猜你喜欢
        • 2016-04-16
        • 2019-09-23
        • 1970-01-01
        • 1970-01-01
        • 2011-05-06
        • 2018-12-31
        • 2014-10-22
        • 1970-01-01
        相关资源
        最近更新 更多