Выпадающий список с подпунктами

Рейтинг: 0Ответов: 1Опубликовано: 21.12.2014

Добрый день, уважаемые специалисты. Хочу узнать, кто из Вас и как делает выпадающие списки с подпунктами.

Задачу ставлю следующим образом:
Необходимо сделать выпадающий список с подпунктами, т.е.:

Пункт 0;  
Пункт 1;  
__Подпункт 1;  
__Подпункт 2;  
Пункт 3;

И так далее.

Отличительная особенность задачи: пункты и подпункты - это не текст и не ссылки, а элементы выбора:

<select name="_">
          <option value="__">АААА</option>
          <option value="__">ББББ</option>
</select>

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

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

css javascript html jquery html5
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

чтобы при наведении на пункты меню выезжали подпункты.

Можно использовать любое выпадающее многоуровневое меню. В пункты/подпункты добавить атрибут data-* с необходимыми значениями и при клике на них брать это значение и записывать в скрытый input ( type=hidden ). Смотрите пример. Там я не стал играться со стилями и добавлять прочие плюшки, и input сделал не скрытым для наглядности.