Выпадающий список на JavaScript и PHP. Различные виды сортировки по категориям.

Кнопка c выпадающим списком “сортировка” стал неотъемлемым атрибутом практически для всех современных сайтов.
Есть много разновидностей сортировок: по популярности, новизне, от дешевых к дорогим и наоборот, а также по многим другим, всевозможным характеристикам.
Совсем маленький элемент сайта – кнопка, действительно очень удобна, так как позволяет сэкономить много времени посетителю. Это означает, что пользователю не придется перебирать кучу не нужных ему страниц. За что он скажет вам только большое спасибо.

select

Элемент формы, так называемый “выпадающий список” помогает быстро отфильтровать статьи или небольшие блоки по определённой категории и выводить их в нужном нам порядке (по убыванию или возрастанию).

Создание модуля выпадающего списка на JS и PHP с синхронным выбором данных из БД MySQL.

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

Для примера, давайте, создадим кнопку выбора по брендам.
Сейчас я подробнее опишу сам принцип взаимодействия формы с JavaScript, PHP и базой данных MySQL:

Сначала, на PHP проверяем не пришел ли нам ГЕТОМ параметр “brend” чтобы установить что будет по умолчанию выбрано в форме селект. Сама HTML часть состоит из тега формы select, в котором есть выпадающие опции – “samsung”, “HTC” и т.д.

Берем переменную JavaScript и назовем ее “префикс” – это первая часть GET запроса.
Когда пользователь выбирает предложенную из списка фирму, то происходит JS событие “onclick”, которое делает следующее действие:
Склеивает переменную префикс  с выбранным значением опции “value”, а далее методом GET переходит (пересылает пользователя на другую страницу) по уже сформированной ссылке, благодаря JS функции – «location».

Последняя функция PHP проверит существование метода GET с ключом “brend” и выяснить не пустое ли его значение. Если оба этих элемента TRUE, то слеловательно мы подключаемся к базе данных MySQL, делаем выборку и выводим полученные заголовки на экран.

Создадим файл : select.php

Подводим наш с вами завершающий этап. После проверки функции на наявность ключа и содержание значения, мы подключаемся к базе данных MySQL. После чего делаем выборку полей “title” , где «brend»  равен переданному полю “бренд” и выводим на экран заголовки, оборачивая их в тег H3.

Это был простой и понятный, для использования пример. Можно, конечно, выбирать десятки полей и передавать гетом еще больше параметров, но в данной статье мне хотелось описать самое главное, то есть основы.

1 Бал2 Бала3  Бала4  Бала5  Балов
loadingЗагрузка...

<<< >>>

Добавить комментарий