如何使移动 <select> 允许键入选项而不是选择选项。
How to make mobile <select> allow typing an option instead of selecting one.
假设我有以下 selection 选项:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
在 PC 上,我可以通过键入 "a" select "audi"。但是在移动设备上,我必须滚动并 select "audi"。有没有办法让移动设备使用 qwerty 键盘而不是滚动列表?
那是不可能的。相反,您可以使用 jQuery UI 中的 autocomplete
来实现相同的目的。
试试这个 https://jqueryui.com/autocomplete/
[编辑] <Datalist>
也在那里。但是,相信我,对于更大的选项列表来说真的很慢。
假设我有以下 selection 选项:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
在 PC 上,我可以通过键入 "a" select "audi"。但是在移动设备上,我必须滚动并 select "audi"。有没有办法让移动设备使用 qwerty 键盘而不是滚动列表?
那是不可能的。相反,您可以使用 jQuery UI 中的 autocomplete
来实现相同的目的。
试试这个 https://jqueryui.com/autocomplete/
[编辑] <Datalist>
也在那里。但是,相信我,对于更大的选项列表来说真的很慢。