javascript - 如何在选择元素中添加自由文本选项？

Question

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

谢谢

Answer 1

我不确定该框架是如何工作的，但我只是检查了一个示例。它似乎正在执行以下过程：

• 它有 1 个隐藏的选择框、1 个输入文本框和 1 个按钮
• 当您单击按钮时，它将获取选择框的所有元素并将其显示在绝对定位的 ul li 列表中。
• 当您单击 ul li 列表的任何元素时，它将将该值放入文本框中。或者您可以选择输入。当您键入该时间时，它会触发诸如 onChange 或 onKeyUp 之类的事件，并且仅显示 ul li 中与您的关键字匹配的那些列表项。