rails form动态添加字段答案

【问题标题】：rails form add fields dynamicallyrails form动态添加字段
【发布时间】：2012-11-07 19:56:48
【问题描述】：

我正在尝试将一组字段设置为按需动态显示。在模型中，我有以下字段：

attr_accessible ... :instruct1, :instruct2, ... :instruct30

我希望表单只显示 instruct1 和一个按钮以添加 1 个字段，直到 instruct30 被击中，并且一个按钮用于删除一个直到 instruct 1 被击中。一切都应该在没有刷新页面的情况下发生，我认为这将包括一些 AJAX 的使用，但我找不到任何类似的东西。

我已经搜索过类似的东西，但只能想出嵌套的形式，这不是我想要的，因为我的模型是固定的。

【问题讨论】：

我想如果你建立两个模型，你会找到你要找的东西——不管这个模型是什么，一个是教学模型。两者以简单的has_many 和belongs_to 相关。这样，您的每个基本模型都会有一个指令集合。

【解决方案1】：

您的大部分工作将在客户端进行。

要动态添加和删除表单字段，您必须使用 javascript。查看 Rails 为第一个字段生成的 HTML，复制它并使用例如 jQuery 添加其他字段。

一个粗略的例子：

$("#button").click(function() {
  $("#theForm")
    .append('<input id="instruct2" name="object[instruct2]" type="text">');
});

您必须跟踪添加或删除了多少字段。

【讨论】：