Javascript 普通html组合框代码

我在网上搜索过，甚至没有找到一个可以使用纯HTML和JavaScript呈现的组合框示例

是否可以使用标准HTML和Javascript创建组合框？我所说的组合框，是指在单个元素中，输入和下拉选项都是可能的。我不是在寻找一个选择框和另外一个输入框

我正在寻找的一个例子是：

但是，我不想使用任何像jQuery这样的Javascript库。

似乎您正在寻找

datalist是一个

html5

组件。可以使用

输入

框和

ul

，

li

元素创建相同的功能

选择一个国家：

我同意该解决方案是一个数据列表，但需要注意的是，浏览器对它的支持有限（例如：Safari不提供该解决方案）。有一个polyfill可以用于不兼容的浏览器-只是觉得值得一提。同时考虑到它是html5元素，doctype需要反映html5。也就是说，数据列表很稳定。谢谢你的代码。我试过使用另一个stackoverflow答案。不知怎的，在我的办公桌上，它在IE上不起作用。不过，我现在看到它可以在Firefox、Chrome和IE上运行。@gavgrif感谢您的建议。请您发布一个工作代码片段，就像

brk

所做的那样好吗？RRM-我的任何建议都已经由@brk发布了-这是正确的方式-然后您只需考虑较旧的浏览器等-搜索datalist polyfill并将其包含在页面中。