下拉表单字段

Question

使用JavaScript可以让下拉菜单显示带有输入文本类型的表单字段，而不是列表选项吗？我可以获得一个jsfiddle演示示例吗？

Answer 1

我建议使用JQuery来做到这一点？基本上隐藏并显示包含所有输入字段的div。通过这种方式，您可以创建它是本机下拉列表的错觉。标准下拉列表不支持自定义标记。对于“自定义下拉菜单”有aloso第三方替代品我怀疑它们都是使用我上面建议的一些变体实现的......

Answer 2

当然有可能，但我怀疑是否可以使用常见的<select>元素。您应该创建一个由多个输入组成的<div>（即<input type = "text">）。

然后你会有一个按钮（带有向下箭头的图像:)）和它的onclick事件，你将绑定一个显示你的<div>的函数。要隐藏<div>，您可以将隐藏功能绑定到背景上的单击或另外单击按钮。

要在显示<div>时添加一些优点并创建下拉效果，您可以将其高度设置为0，然后使用计时器不断增加它。