选择添加按钮时需要显示额外的文本输入，还需要删除字段

我有一个表格，要求用户输入他们的项目结果。

他们需要输入至少一个结果，并且每个结果都需要至少 2 个与其相关的度量。

因此，我需要能够向用户呈现初始结果字段，以及与其关联的两个度量字段，并能够向其相关结果添加更多度量。

I sketched up what it would look like if the user were to have two outcomes.

虚线是每个按钮的操作。

我想使用 jQuery 来完成此任务，但除了根据用户单击的内容显示/隐藏字段之外，我从未做过任何其他事情。

任何帮助表示赞赏。

总而言之，他们需要提供一个结果，每个结果至少有两个衡量标准。

编辑：开始在这里校对：http://jsfiddle.net/bkmorse/FW6s8/4/ http://jsfiddle.net/bkmorse/FW6s8/4/- 但添加测量按钮无法正常工作。

这是我整理的一些内容：

http://jsfiddle.net/jtbowden/XFsyh/ http://jsfiddle.net/jtbowden/XFsyh/

最棘手的部分和大部分代码都是处理表单输入名称。

代码的主要部分取决于添加元素时克隆的非显示模板。这使得创建新元素变得更加容易，因为您只需修改模板即可。

Update:这是一个版本，允许您删除第一个结果/度量（只要其他结果/度量存在），另外我还清理了一些其他内容（错误）：

http://jsfiddle.net/jtbowden/XFsyh/4/ http://jsfiddle.net/jtbowden/XFsyh/4/

注意使用.live()。您的示例中的按钮不起作用，因为您在这些按钮存在之前分配了一次处理程序。.live()将处理程序分配给 DOM 的根，以便以后添加的任何元素也将具有正确的处理程序。

这是带有修复的原始版本，根据您的要求：

http://jsfiddle.net/jtbowden/JTUkE/ http://jsfiddle.net/jtbowden/JTUkE/

如果你想要它动画：

http://jsfiddle.net/jtbowden/brBSa/ http://jsfiddle.net/jtbowden/brBSa/