AJAX-поиск с подстановкой значения
Что имеется:
Есть форма отправляемая методом POST, внутри выпадающий список select, куда циклом выводится из mysql-таблицы значения полей id,name (id и удобочитаемое имя). Человек выбирает нужный пункт и жмет сабмит. Форма передает POST-запросом параметр id
В чем проблема:
В MySQL-таблице есть два поля:
id – ID записи
name – Имя выводимое на экран
Таблица стала огромной, и затрачивается большое количество времени на вывод всех значений в выпадающий список (их уже под миллион).
Решение проблемы:
Не выводить сразу все значения, а дать человеку возможность вручную ввести часть названия, предложить ему варианты, попадающие под введенный текст. Человек кликает и выбирает нужный вариант из предложенных. Мультивыбор не нужен. Далее отправка формы при нажатии на сабмит.
ВНИМАНИЕ: отправляться по прежнему должен параметр id выбранной записи.
Внешне реализация нужна как здесь:
Логика:
1. по умолчанию, если ничего не выбирать, то внутри текстового поля должен быть текст "Все потоки". При этом, значение которое должно передаваться в форме c этого поля = 0.
2. если человек вводит хотя бы 1 символ, то начинается AJAX-поиск по таблице, где поле name содержит в себе то что ввел пользователь. Под полем ввода появляется выпадающий список с подсказами по которым можно кликнуть. Выпадают предложения в которых встречается введенное в текстовом поле.
3. Если человек ничего не выбрал и стер все введенное, то смотрим пункт 1.
4. Если человек выбрал из предложенных вариантов и нажал на сабмит, то форма POST-запрос. При этом должен передаться id
Обязательно:
- скрипт должен быть максимально компактным (я потом буду встраивать его в свой рабочий проект).
- Использовать не PDO а MySQLi.
- Использовать в PHP процедурный стиль а не ООП.
- JS: обязательное использование JQuery вместо голого JS
- Проверить на нотисы и ошибки (их не должно быть).
Перед принятием работы буду тестировать на своем сервере.
Постараюсь максимально оперативно протестировать и принять работу.
Оплата: 500 руб. По факту.