Отображение «традиционного» HTML-списка выбора на iOS

Question

Как я могу отобразить «традиционный» список html <select> на iOS, а не на «сборщике» iOS?

Детали:

У меня есть HTML-страница, которая отображает список <select>, который содержит ~ 500 элементов в столбце. Список всегда отображается. В зависимости от высоты окна браузера, список обычно отображает 20-30 элементов.

При отображении на устройствах iOS в списке отображается стрелка, при нажатии которой открывается небольшой список, отображающий четыре элемента списка. Я хочу, чтобы отображался «традиционный» список HTML (аналогично внешнему виду в настольном браузере).

FWIW, содержимое этой страницы (Google Earth-like map) не подходит для небольших устройств (например, телефонов), но очень подходит для больших экранов, таких как iPad. Я ограничиваю доступ к странице соответственно. Кроме того, поскольку кто-то скажет, что список слишком длинный, существуют элементы управления фильтрами и поиском, которые пользователь может использовать для ограничения количества элементов, отображаемых в списке. На страницах используются HTML, CSS, JavaScript и jQuery.

Спасибо!

Answer 1

Короткий ответ, к сожалению, вы не можете. Поведение элемента <select> определяется ОС / браузером , в котором он просматривается. Существуют ограниченные возможности для настройки внешнего вида, но возможность выбора между раскрывающимся списком и средством выбора не входит в их число.

Однако у вас все еще есть несколько вариантов;

1. Создание полностью пользовательского поля выбора Примечание: Это, вероятно, маршрут, по которому я бы выбрал
2. Следуйте шаблонам проектирования IOS и эмулируйте развернутый список или лист действий .