如何添加用户输入的文本框值以使用jquery动态标签？

嗨我如何在按钮上添加文本框值，点击这样的标签

http://jsfiddle.net/NT4Zr/29/

在上面的代码中，用户可以输入他的爱好，并使用添加爱好链接添加到表单中。 当用户按添加爱好链接时，应将文本框值添加到标签中，并为每个条目动态创建新标签。

添加兴趣爱好后，用户可以使用删除按钮自由删除爱好。

我怎样才能做到这一点？

Answer 1

像下面这样的东西会是你想要的吗？

 
 
 
  Hobby:
 Add Hobby
  
   

关于此实施的一些注意事项

• 我选择在表上使用无序列表，因为它的工作量较少，并且可以说在语义上更正确。
• 如果你需要在表单中添加一个输入元素（或类似的元素）来跟踪已添加的爱好，这很简单（只需遵循上面的模式来构建，追加和删除元素;目前，删除处理程序仅删除列表项，但它也可以删除一个输入元素。但是，我不确定你是如何计划处理这些数据的，因此不清楚在输入元素中放置的最佳信息是什么。
• 我删除了一些HTML元素（例如“Hobbies”标题，取消按钮），因为它们似乎使示例混乱。 没有理由他们需要被省略，但我希望保持简洁。