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

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

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

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

我勾画出了如果用户有两种结果会是什么样子。 sketch of what it would look like

虚线是每个按钮的操作。

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

感谢任何帮助。

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

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

最佳答案

这是我整理的内容:

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

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

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

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

这是根据您的要求进行修复的原始版本:

如果你想要它动画:

关于javascript - 选择添加按钮时需要显示额外的文本输入，还需要删除字段，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5555528/