Как сделать, чтобы при клике на option у селекта не скрывалось всплывающее меню?

Question

[Иван Трофимов]

Как сделать, чтобы при нажатии на пункт(option) выпадающего меню(select) не скрывалось само меню, а скрипт подхватывал $(this).val() и в зависимости от этого val() подгружал новый список option-ов.

Сейчас всё подгружается без проблем, но само выпадающее меню скрывается и происходит change для нашего селекта, что не есть хорошо по отношению к пользователю.

Answer 1

[Николай Васильчук]

Это невозможно. Выпадающее меню будет скрываться в любом случае.
Вам нужно сделать «свой селект», если хотите оставить выпадающее меню раскрытым.

Comments

[Иван Трофимов]

Сейчас так и сделано со своим селектом. Хотел использовать именно стандартный, потому что на iPhone, iPad было бы удобнее выбирать нативным селектом.

Answer 2

[Stdit]

Попробуйте использовать не выпадающий селект, а с зафиксированным размером (size). Если нужно именно выпадение с фиксацией, тогда придётся вручную его анимировать или писать целиком «свой селкет».

Answer 3

[SerDIDG]

Я бы, если есть такая возможность, перенёс бы то, что подгружается, в отдельный селект, который бы появлялся только после выбора варианта в первом. С точки зрения UI, поведение селекта, которое вы хотите добиться, не есть предсказуемым для конечного юзера. Другое дело, если это список с пиктограммой, указывающей, что текущий элемент может разворачиваться (toggle box).