javascript - 如何实现 gmail 风格的标签选择器？

Question

实现(类似)Gmail 邮件标签界面的最简单方法是什么？有没有任何 JavaScript 库有这样的小部件？

http://img294.imageshack.us/img294/7097/36698396.png

行为:

1. 点击下拉列表中的标签即可立即为邮件添加标签。
2. 选中多个标签，然后“应用”以添加多个标签(不确定我是否喜欢“应用”要求...)
3. 在框中键入以缩小标签列表的范围。如果将其缩小到 1，则按 Enter 键会应用该标签。
4. 使用快捷键“L”触发小部件。

Answer 1

Horace - 你想要一些非常复杂的东西，你应该考虑到即使有很多预制组件，也需要一些时间才能让这样的东西工作(更不用说 - 漂亮 :-) ) .

无论如何，预制组件很好，但我经常喜欢自己破解它，喜欢自由风格。所以这是我为你准备的东西:My simple label demo (警告 - 我只在 Firefox 3 上测试过这个，我很确定它不会在其他任何地方工作)。

它远谈不上漂亮，但代码非常简单明了，应该很容易理解。