en.javascript.info/02-ui/05-widgets/05-custom-events/03-custom-select/task.md

Свой селект

[importance 5]

Напишите свой, самостоятельно оформленный, селект.

Требования:

• Открытие и закрытие по клику на заголовок.
• Закрытие селекта происходит при выборе или клике на любое другое место документа, в том числе на другой аналогичный селект.
• Событие `"select"` при выборе опции.
• Значение опции хранится в атрибуте `data-value` (HTML-структура есть в исходном документе).

Например:

[iframe src="solution" border="1" height="200" newwin]

В примере выше два селекта, чтобы можно было проверить процесс открытия-закрытия.

[edit src="task" task/]