Сворачиваемый раскрывающийся список в HTML

Есть ли какой-нибудь свободный контроль, который делает то же самое, что и поле Occupation на http://monster.ca? То есть разрешить группировку параметров в раскрывающемся списке с расширяемыми разделами? Я только что узнал о тег optgroup, который близок к тому, что я хочу, но не совсем.

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
2
0
2 884
4
Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Это просто макет выпадающего элемента управления. Стрелка вниз - это изображение, все остальное состоит из div, сам выпадающий список представляет собой большой div с переполнением, содержащим множество элементов управления с JavaScript для управления всем этим (например, сворачивающиеся разделы).

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

Просто чтобы добавить, из-за этого он выглядит как Windows XP, даже если вы используете Vista. Им было бы лучше использовать собственное раскрывающееся изображение :)

OregonGhost 28.09.2008 00:49

Я на XP, поэтому не заметил ... На других системах наверное хуже! :-D

PhiLho 28.09.2008 00:50
Ответ принят как подходящий

Вы не можете сделать это с помощью традиционного элемента управления <select>, и я сомневаюсь, что есть готовые компоненты, отвечающие всем требованиям. Если вы действительно хотите сделать это самостоятельно и не хотите покупать инструменты, такие как extjs или dojo (что, вероятно, упростит его создание), я могу порекомендовать следующую древовидную библиотеку, так как она очень проста в использовании и под лицензией BSD: http://www.silverstripe.com/tree-control/

Это здорово выглядит, я попробую.

stimms 23.10.2008 05:08

По сути, разработчики Monster.ca имитируют элемент управления select с помощью элемента div с прокручиваемым содержимым.

Взгляните на CSS-свойство "переполнение".

Попробуйте это, не зная, подходит ли интерфейс для ваших целей:

http://flooble.com/scripts/hier.php

Другие вопросы по теме