mustang_shelby
@mustang_shelby
i like (*_metallica_*)

Как сделать сортировку в html с использованием php?

Добрый день!
Хотел бы понять как реализовать такой выпадающий список на html
( разметка не моя )

<div class="items__options options">
            <div class="options__sort sort">
                <span class="dropdown-el">
                    <input type="radio" name="sortType" value="sort-az" checked="checked" id="sort-az"><label
                        for="sort-az">Название: А — Я</label>
                    <input type="radio" name="sortType" value="sort-za" id="sort-za"><label for="sort-za">Название:
                        Я — А</label>
                    <input type="radio" name="sortType" value="PriceIncreasing" id="sort-low"><label
                        for="sort-low">Цена: сначала дешевые</label>
                    <input type="radio" name="sortType" value="PriceDecreasing" id="sort-high"><label
                        for="sort-high">Цена: сначала дорогие</label>
                    <input type="radio" name="sortType" value="ProductNew" id="sort-new"><label for="sort-new">Порядок:
                        сперва новые</label>
                    <input type="radio" name="sortType" value="ProductOld" id="sort-old"><label for="sort-old">Порядок:
                        сперва старые</label>
                </span>
            </div>
        </div>


я знаю что можно использовать select и option - но сказали что нужно сделать именно так. ладно .. стили все работает эффект сделан. Но как это реализовать на php что бы когда выбираешь например цена: с начало дешевле. И готовый метод вызывается и сортируется -
куда этот метод то вставить, что бы он понял что я хочу выполнить команду по определенной
выборке из базы данных.
просто понять не могу как заставить работать метод и куда его нужно установить, как это сделать, что бы заставить его работать?
  • Вопрос задан
  • 345 просмотров
Решения вопроса 1
GennadyS
@GennadyS
Программист, философ
Вячеслав Коростин, сделайте список ссылками или среагируйте на нажатие с JS и сделайте программный переход по ссылке:
<!-- вместо -->
<input type="radio" name="sortType" value="sort-az" checked="checked" id="sort-az"><label for="sort-az">Название: А — Я</label>
<!-- например: -->
<a href="/showAll?order=asc&sort=name">Название: А — Я</a>

Или (чисто для примера, можно решить эффективнее):
document.getElementById('sort-az').onchange = function (event) {
    if (event.target.checked)
        document.location.href =  '/showAll?order=asc&sort=name';
};
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 сент. 2020, в 12:04
1000 руб./в час
19 сент. 2020, в 11:26
17500 руб./за проект
19 сент. 2020, в 10:21
10000 руб./за проект