Список выбора ( select ) в списке выбора.Html / css

Всем привет ! Задачка такая - есть форма, в которой есть текстовые поля, поле для ввода сообщения, выпадающие списки и "радио" кнопки. Хотел бы замутить как-то так, чтобы при выборе одного пункта из выпадающего списка открывался еще один список. Допустим:
<select name="problem">
<option value="OS">Операционная система</option>
<option value="software">ПО</option>
<option value="hardware">Железо</option>
</select>
Хочу наводить на Операционную систему, и чтобы отрывалось "подменю" с другими пунктами для выбора.
Знаю как сделать меню/подменю - что-то с display:none; А при :hover { display: block ; }. Но если так делать в форме, то скорее всего ничего не выйдет, а если и выйдет - то эти значения не отправятся на сервер. Как быть ? Спасибо!
27 февраля 2017 в 17:34
Ближайшие курсы

Как начать свой путь в разработке?
Онлайн-курс
7
марта
Как работает криптосфера
Онлайн-курс
7
марта
Как стать iOS-разработчиком?
Онлайн-курс
7
марта
Новые статьи

Что такое MVP и как к нему подступиться
45400

Обновляем программу обучения для менеджеров по продажам
31800

BI-системы: что это и зачем они нужны бизнесу
54000