时间戳

首页 > 解决方案 > 在 iOS 上显示“传统”html 选择列表

html - 在 iOS 上显示“传统”html 选择列表

问题描述

如何<select>在 iOS 而不是 iOS“选择器”上显示“传统”html 列表？

细节：

我有一个 HTML 页面，该页面显示一个<select>列表，该列表在一列中有大约 500 个项目。该列表始​​终显示。根据浏览器窗口的高度，列表通常显示 20-30 个项目。

在 iOS 设备上显示时，列表会显示一个箭头，点击该箭头会弹出一个小列表，其中显示四个列表项。我想要显示一个“传统”的 HTML 列表（类似于桌面浏览器中的外观）。

FWIW，此页面的内容（类似于 Google 地球的地图）不适合小型设备（例如手机），但非常适合 iPad 等大屏幕。我相应地限制了对该页面的访问。此外，由于有人会说列表太长，因此用户可以使用过滤器和搜索控件来限制列表中显示的项目数量。这些页面使用 HTML、CSS、JavaScript 和 jQuery。

谢谢！

标签： htmlioscsshtml-select

解决方案

简短的回答是，不幸的是，你不能。<select>元素的行为由查看它的操作系统/浏览器决定。确实存在用于自定义外观的有限选项，但能够在下拉菜单和选择器之间进行选择并不是其中之一。

但是，您仍然有几个选择；

  1. 创建一个完全自定义的选择框注意：这可能是我要采取的路线
  2. 遵循 IOS 设计模式并模拟下钻列表或操作表。

推荐阅读