如何创建带有“新值”的下拉列表选项？

Question

我想创建一个下拉列表，其中最后一个选项是输入新值。 我怎样才能创建这个？

有没有 jQuery 插件提供这样的功能？

Answer 1

没有任何 Html 元素可以本地执行您正在寻找的操作。

但是，作为解决方法，您可以将更改事件处理程序绑定到下拉列表。其余的取决于您希望用户输入新值的精确程度：

$("#theList").change(function (e) {
                    //open a thickbox asking for the value, convert the dropdown list to a regular input or whatever...
                });

请注意，某些浏览器在列表框更改时引发 onchange 事件，而其他浏览器仅在列表框更改并失去焦点时引发 onchange 事件。因此，如果您希望 UI 提供一致的行为，您可能还想监听 mousedown 和 keydown 事件。