使用 Rails 和 Formtastic 制作动态表单答案

【问题标题】：Using Rails and Formtastic to make a dynamic form使用 Rails 和 Formtastic 制作动态表单
【发布时间】：2011-09-07 18:18:48
【问题描述】：

我正在尝试制作一个非常简单的动态表格。我正在使用 Rails 3.1 和 formtastic。基本上，我想根据一个单选按钮更改几个字段。

它看起来像.. 你在做什么样的形状？（单选按钮可选择方形或矩形）如果选择正方形，则会显示一个新的大小字段。如果选择了矩形，则会显示两个字段的大小。

该表实际上只有一个大小的列，因此模型将在最终命中数据库之前将潜在的两个字段合并为一个（我认为，仍在解决这个问题）

无论如何，我的理解是我需要使用 javascript 来更改表单。我是个 javascript 文盲，真的不明白如何将它与 formtastic 一起使用。任何指针都会有所帮助。

谢谢！

【问题讨论】：

标签： javascript ruby-on-rails formtastic

【解决方案1】：

是的，你应该使用 js 来做到这一点。如果您是 js 新手，请不要犹豫并学习 jQuery，它现在已成为 Rails 的某种 js 标准。

要执行您想要的操作，您应该在视图中显示两个大小字段并根据单选值显示/隐藏第二个字段。可能是这样的：

$(function() {
  var $radios = $("input[name=radioName]");
  var $size2 = $("#size_field_2");

  function toggleSizeField() {
    $size2.toggle($radios.filter(":checked").val() == 0);
  }

  $radios.click(toggleSizeField);
  toggleSizeField();
});

【讨论】：