автозаполнения формы из PHP базы данных MYSQL AJAX

Question

Я надеюсь, что кто-то может мне точку в правильном направлении, то я должен быть в состоянии понять это и заставить его работать ...

В принципе, у меня есть база данных местоположений такие как:

ID City/Town County 
1 Newbury  Berkshire 
2 Preston  Merseyside 

Теперь мой сайт имеет форму, пользователь заполняет, чтобы указать свой адрес, в разделе у меня есть два поля для ввода «город» и «графство». Здесь мне бы хотелось, чтобы произошло три вещи.

1) Когда пользователь начинает вводить свой город, он автоматически заканчивается на основе результатов из базы данных (сюда относятся их город и округ, округ - только для идентификации, поэтому, когда выбрано, просто введите город).

2) Как только пользователь выбирает свой город, он автоматически заполняет поле округа из базы данных.

3) Со всем этим я хотел бы, чтобы идентификатор из города и результата округа был введен в скрытый элемент ввода.

Я искал по всему интернету и нашел много автозаполнения скриптов: 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, если это необходимо, все остальное выходит за рамки моих знаний о программировании.

Возможно, я ошибаюсь, но любая обратная связь или информация, которые могут указывать на меня в правильном направлении, будут очень благодарны.

Большое спасибо

Answer 1

Это довольно легко с jQuery. Просто введите свой вход $ ("input"). Keyup (function() {}); Затем отправьте запрос $ getJson() скрипту PHP, который запрашивает вашу базу данных. Затем PHP возвращает строку JSON с идентификатором, городом и округом. Загрузите объекты JSON, где хотите.

Answer 2

Я действительно нашел именно тот сценарий, который мне нужен, чтобы выполнить эту работу.

Пойдите фигуру, потратив несколько дней, пытаясь понять это, затем в пределах нашей загрузки этого сообщения я нашел его!

Для тех, кто еще ищет то же самое, его правой здесь http://af-design.com/blog/2010/05/12/using-jquery-uis-autocomplete-to-populate-a-form/

наслаждаться!

Answer 3

Я думаю, что Yahoo обеспечивает лучший вариант для него YUI;)

Проверьте это - YUI2 - Autocomplete

Предыдущий ответ: Перейдите по этой ссылке! он обязательно поможет вам. Implementing Autosuggest With AJAX Into Your Site

Адрес сервера названий выше, так извините за это! Попробуйте, если администратор сайта разобрался!