如何在HTML/Javascript中创建可编辑的组合框?

Chr*_*vén 32 html javascript combobox drop-down-menu

我需要让用户从下拉列表中选择一个项目,但也允许他们输入任何文本,即使它与列表中的项目不匹配.如何在包含HTML和Javascript的网页上实现此目的?

select字段不允许用户输入文本,input文本字段不显示首选替代项.

如果用户打开下拉列表,则必须显示所有项目,因此它不能是仅显示匹配项目的简单自动完成.

Tom*_*len 13

这是一个脚本: Demo, Source

或者另一个工作方式略有不同: 删除了链接(网站不再存在)


小智 9

我知道很久以前这个问题已经得到了回答,但这是针对其他人可能会在这里结束并且无法找到他们需要的东西.我很难找到一个完全符合我需要的现有插件,因此我编写了自己的jQuery UI插件来完成这项任务.它基于jQuery UI站点上的组合框示例.希望它可以帮助某人.

https://github.com/tmooney3979/jquery.ui.combify