javascript - 在 HTML 中制作一个可编辑的选项框(可能的 Javascript)

Question

我想在 HTML 表单中创建一个下拉菜单(如 <options> 标签)。问题是我还希望用户不仅可以从选项列表中进行选择，还可以根据需要输入自己的选项。所以这几乎就像有一个文本字段，当您从下拉框中选择内容时会自动填充，但您仍然可以编辑它。

这就是我的意思，只是它是 Windows 上的桌面应用程序(注意如何编辑文本):

我对它的外观非常灵活。如果有另一个易于实现的解决方案，用户可以轻松滚动/查看选项列表或添加自己的选项，但看起来不像我描述的那样，我愿意接受这个想法。

Answer 1

大多数下拉式自动输入脚本都会让您在输入框中输入不必与选项列表中的选项之一匹配的文本。就在您提交表单时，请务必检查下拉列表中是否有 selectedValue，如果没有，则获取下拉列表的文本。如何执行此操作将因您使用的脚本而异。至于要使用哪种类型的提前下拉脚本，那里有很多，这里有一个古老的脚本，效果很好，但还有很多其他脚本。

http://trappedinhoth.blogspot.com/2008/07/jquery-autocomplete-example.html

HTML 5 甚至支持自动完成下拉

http://trappedinhoth.blogspot.com/2013/03/html-5-datalist-key-value-work-around.html

我希望这能为您指明正确的方向。