• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Раскрывающийся список на HTML (Раскрывающийся список на HTML - теги select и optgroup)
Раскрывающийся список на HTML
Angerfist
Четверг, 01 Декабря 2016 | Сообщение 1
Оффлайн
Vip
Сообщений:767
Награды: 21
Думаю все знают как сделать раскрывающийся список на HTML с помощью тегов, тут ничего нового), просто иногда
вспоминаем и возвращаемся к старому.
Где применить и с чем тоже вопросов думаю не возникнет, я привёл пример с категориями, и разумеется, если применить CSS, то можно каждую из групп ещё как нибудь по своему разукрасить, это ещё больше будет отделять группы друг от друга.

Ссылка на небольшой урок по тегу select.

Код

<select name="choice">
<option selected="selected">Категории</option>
<optgroup label="Видео">
<option value="1" onclick="location.href='ссылка'">Категория 1</option>
<option value="2" onclick="location.href='ссылка'">Категория 2</option>
<option value="3" onclick="location.href='ссылка'">Категория 3</option>
</optgroup>
<optgroup label="Статьи">
<option value="4" onclick="location.href='ссылка'">Категория 4</option>
<option value="5" onclick="location.href='ссылка'">Категория 5</option>
<option value="6" onclick="location.href='ссылка'">Категория 6</option>
</optgroup>
<optgroup label="Фото">
<option value="7" onclick="location.href='ссылка'">Категория 7</option>
<option value="8" onclick="location.href='ссылка'">Категория 8</option>
<option value="9" onclick="location.href='ссылка'">Категория 9</option>
</optgroup>
</select>



Прикрепления: 7372458.jpg (3.3 Kb) · 3853168.jpg (14.9 Kb)


No regrets
Страна: (RU)
Kosten
Четверг, 01 Декабря 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44370
Награды: 70
Angerfist, лично не знал!
Раньше тоже разделов наделал, потом все убрал и один раздел под тематику оставил и категорий прописал.
Страна: (RU)
Start
Четверг, 01 Декабря 2016 | Сообщение 3
Оффлайн
Проверенные
Сообщений:116
Награды: 2
Полезно!

Тити*
Страна: (RU)
Norton
Вторник, 07 Февраля 2017 | Сообщение 4
Оффлайн
Проверенные
Сообщений:59
Награды: 1
Для доски объявлений этот вариант не плохой,по крайне мере не кто лучше не предложил....
Что у меня получилось,прописал скрип,вывел в нужное место (в частности на Главную объявлений),в итоге получилось так:..При выборе города,сортирует и перекидывает только на страницу ОБМЕН!
Может я что то не так прописал,вот кусочек скрипта:
Код
<select name="choice">
<option selected="selected">Выбрать город для поиска</option>
<optgroup label="Города и посёлки">
<option value="1" onclick="location.href='//bobryk.ucoz.club/board/sobaka/obmenjaju/10-1-2-0-0-1-0-0'">Алупка</option>
<option value="2" onclick="location.href='//bobryk.ucoz.club/board/sobaka/obmenjaju/10-1-2-0-0-2-0-0'">Алушта</option>
<option value="3" onclick="location.href='//bobryk.ucoz.club/board/sobaka/obmenjaju/10-1-2-0-0-3-0-0'">Армянск</option>

Хотелось бы чтоб отсортировал все объявления по данному выбранному городу...

Добавлено (07.02.2017, 16:17)
---------------------------------------------
Пробовал так прописать,но не помогло....

Код
<option value="9" onclick="location.href='//bobryk.ucoz.club/board'">Джанкой</option>

Добавлено (07.02.2017, 16:19)
---------------------------------------------
Может в скрипте нужно прописать как то оператора оп поиску?

Страна: (UA)
Angerfist
Вторник, 07 Февраля 2017 | Сообщение 5
Оффлайн
Vip
Сообщений:767
Награды: 21
Norton, почему я в другой теме написал что муторный? а? не догадались? потому что на каждый город фильтра из браузерной строки копировать и вставлять ссылку, появиться новый город вводить вручную новый))) ПОэтому и ещё добавлю что лучше совета нового подождать). Слово муторный было основа))) Здесь не оператор работает, а ссылка уже... тоесть выбрал ты фильтр по городу Алушта, так и вводи по нему ссылку из адресной строки браузера.

тут нет взаимодействия с операторами юкоза, тут простая зарисовка


No regrets

Сообщение отредактировал
Angerfist - Вторник, 07 Февраля 2017, 16:32
Страна: (RU)
Norton
Вторник, 07 Февраля 2017 | Сообщение 6
Оффлайн
Проверенные
Сообщений:59
Награды: 1
точно что муторно по каждому городу в водить все ссылки,голова закружиться......))
Страна: (UA)
Форум » Веб-разработка » HTML + CSS — коды » Раскрывающийся список на HTML (Раскрывающийся список на HTML - теги select и optgroup)
  • Страница 1 из 1
  • 1
Поиск: