是否可以创建多个输入选择器

Question

如何使用input type="text"选项创建<select></select>。换句话说，我希望有一个字段可以输入文本，但如果我想要，我可以从所有值的下拉列表中选择选项，就像使用select标记一样。有可能吗？

Answer 1

如果您想允许使用建议/预定义选项进行自由文本输入，那么我建议您查看专为此目的而设计的HTML5 datalist元素（请参阅https://developer.mozilla.org/en-US/docs/HTML/Element/datalist）。

由于浏览器对此的支持仅限于更新版本的浏览器（并且在Safari，iOS或Android中根本不可用），您可能希望使用JQuery UI自动完成功能来填充此内容（请参阅http://jqueryui.com/autocomplete/ ）。

Answer 2

不是内置的html控件，不是。您需要使用输入字段和包含下拉值的另一个元素（例如div或列表）创建一个，javascript将组件部分粘合在一起。有很多关于如何围绕谷歌这样做的教程。