在HTML中创建一个可编辑的选项框(可能的Javascript)

时间:2013-06-10 17:47:21

标签: javascript html css css3

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

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

enter image description here

我对它的外观非常灵活。如果有另一个易于实现的解决方案,用户可以轻松滚动/查看选项列表或添加自己看起来不像我所描述的选项,我对这个想法持开放态度。

1 个答案:

答案 0 :(得分:0)

大多数下拉自动类型脚本都会让您输入不必与选项列表中的某个选项匹配的输入框文本。就在您提交表单时,请务必检查下拉列表中是否存在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

我希望指出你正确的方向。