0

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

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

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

И так далее.

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

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

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

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

1

2 ответа 2

1

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

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

1
  • О, хороший вариант. Принято!
    – anj1817
    21 дек 2014 в 17:46
0

Для этих целей использую select2.js

Подробная информация тут

1
  • Хорошо, но нет. Задача этим не решается. Необходимо что-то типа: shpargalkablog.ru/2012/06/vypadayushcheye-menyu-css.html Тоесть, что бы при наведении на пункты меню, выезжали подпункты.
    – anj1817
    20 дек 2014 в 22:57

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.