Как можно при клике на кнопку выбрать option в select?

Question

[doctor__23]

Как можно при клике на кнопку выбрать один из option списка select?
Вкратце обрисую зачем. Сайт на WordPress. Есть плагин календаря, нужно, чтобы список был не выпадающий, а в виде кнопок. На десктопе это получилось стилизовать под кнопки, а вот когда заходишь с мобильного браузера, то все равно выпадающий список, хотя на теге select поставил атрибут size="4".

Пришел к решению, что нужно просто добавить кнопки, а select скрыть через visible. Но не могу найти информации, как повесить такое событие при клике на кнопку.

Вот так это реализовано на десктопе, но мобильный браузер все равно это преобразует в список.

Answer 1

[bqio]

Вы даже свой код не знаете? У Вас кнопки скорее всего скрываются из-за адаптива. Поправьте верстку и они никуда не будут деваться.

Comments

[doctor__23]

Начнем с того, что у меня блоку с кнопками задана ширина под контейнер в мобильном и добавлено свойство overflow-x: scroll
Даже, если бы они скрывались из-за того, что вы говорите, то все option в любом случае были вне выпадающего списка, так как у тега select атрибут size="4". Это скорее поведение мобильного браузера на тег select независимо от отображения.
В браузере в режиме отладчика на мобильном разрешение это отображается все как надо.

Answer 2

[doctor__23]

https://ru.stackoverflow.com/questions/456549/%D0%...

Вот в принципе рабочий вариант, но при таком выборе, не имитируется клик по выбранному option, и соответственно не применяется событие (выбор категории для отображения этих категорий в календаре).