如何在select元素中添加自由文本选项?

时间:2013-01-08 10:35:14

标签: javascript jquery forms option

我需要构建一个内部带有空文本输入的select元素,以允许用户添加新选项。 我发现插件:http://codecanyon.net/item/wscombo-select-replacement/1066471(参见示例5)但它似乎不再受支持并且被最新的jquery构建破坏了。 任何人都知道可以提供帮助的事情吗?

由于

1 个答案:

答案 0 :(得分:0)

我不确定框架是如何做的,但我刚检查了一个例子。看起来它正在做以下过程:

  • 它有1个隐藏的选择框,1个输入文本框和1个按钮
  • 当您点击该按钮时,它将获取选择框的所有元素并将其显示在绝对定位的ul列表中。
  • 当您单击ul li列表的任何元素时,它会将该值放在文本框中。或者您可以选择输入。当你打字的时候 那个时候它正在触发像onChange或onKeyUp和show这样的事件 只有ul li中与您的关键字匹配的列表项。