我如何选择一个通过输入包含空格的选项名称来让它包含空格吗?

我如何选择一个通过输入包含空格的选项名称来让它包含空格吗?

我正在网站上输入地址信息。我住在一个州,州名中有一个空格:纽约。我聚焦<select>并开始输入“New”,然后当我按下空格键时,整个菜单打开了,我继续输入“York”,结果却选择了“Wyoming”。除了在打开后停止并按下箭头向下移动到正确选项<select>之外,还有其他方法可以解决这个问题吗?<select>

如果我选择的选项不包含空格,我只需输入足够的字符即可明确匹配该选项。空格键既可以作为给定选项中可能出现的字符,也可以作为打开整个选项的快捷方式,这一事实打破了<select>这一模式。

这是一个简单的例子:http://codepen.io/anon/pen/zGrYBG

我在 Mac OS X 上使用 Chrome,但我很好奇是否存在任何平台上的解决方案。

答案1

只需反复按“n”直到弹出“纽约”即可。然后按 Enter。或按 Tab 键转到下一个字段。

相关内容