Как сделать такой же select как в макете?

Question

[D9d9jack]

Answer 1

[Павел Гоголинский]

А лучше сделать радиокнопками

Answer 2

[Сергей Горячев]

А зачем тут селект?
Верстайте как есть дивами, а по клику передавайте параметр в скрытый инпут и в форму.
Не надо извращаться там, где оно не требуется.
Тут значения изначально известны, чтобы наворачивать селект еще необычный.

Comments

[zooks]

Вообще в хорошей верстке должно быть минимальное количество div-ов. Также есть такое понятие как Graceful Degradation.

[Александр]

Sergey Goryachev: тогда уже не дивами, а с помощью списков ul > li.

[Сергей Горячев]

Александр: ну да, просто суть описал не совсем правильно. Я хотел донести мысль, что селект тут нафик не нужен.

Answer 3

[Олег]

Вот, как радиокнопками https://jsfiddle.net/joomla/4myrL0vd/3/