Как сделать автоскрытие списка select по клику?

Question

[maksam07]

Доброго времени суток, господа. Заинтересовал вопрос, как при помощи JS по клику на сам select сделать скрытие списка?
Вот пример: output.jsbin.com/sovofe
Вся проблема в том, что в одних браузерах этот пример работает, а в других нет, вероятно от движка зависит. display: none; / visible не предлагайте, мне нужно что бы с элементом ничего не случалось
Буду благодарен за помощь

Comments

[Роман Дубинин]

В каких браузерах не работает можете сказать? Чтобы попробовать. Я ни одного не могу найти

[maksam07]

romash:
Chrome v58 - скрывает
Opera v45 - скрывает
Mozilla v53 - не работает

Answer 1

[Максим]

Инициировать событие click, может быть?
p.s. можете пояснить смысл этой строки `$( this ).prop( 'disabled', 'disabled' );`

Comments

[maksam07]

Разве оно не инициировано?
Строка делает элемент select отключенным, в следствии чего выпадающий список в некоторых браузерах закрывается, но не во всех

Answer 2

[Роман Дубинин]

Используйте стандартный метод blur() — он снимает фокус с селекта, в следствие чего сворачивается его список
https://codepen.io/romash1408/pen/bWJqqm