使用 ruby​​“构建”在 Rails 中动态地使用 jQuery

Question

有一个 Rails 应用程序，它有一个表单（新操作），其中包含一个选项值范围从 1 到 5 的选择。当用户选择其中一个选项时，我需要使用 ruby​​“build”来构建多个对象，具体取决于什么选择的值为。

因此，当用户在选择框中选择 2 时，需要运行以下代码：

@rooms = 2.times { @travel.rooms.build }

另外，当用户将此值从 2 更改为 1 时，代码需要替换为

@rooms = 1.times { @travel.rooms.build }

基本上，我很难找到在 jQuery 中设置该值的方法然后在html中更新它。获取值没有问题，问题是如何在html中动态更改它。

有关如何继续此操作的任何提示？

谢谢， Amund

编辑 - 澄清

我需要在提交表单之前进行此操作。

@rooms = 2.times { @travel.rooms.build }

因此，对上述内容的任何更改都需要在用户位于表单页面时进行。

Answer 1

我不确定您是否需要 Ruby 帮助或 jQuery 帮助？好吧，无论如何，这里有一些 Ruby。我加入输入验证只是为了更好地衡量：

count = (params[:number_of_rooms] || 1).to_i
count = [1, [5, count].min].max
@rooms = (0...count).collect { @travel.rooms.build }

---

我不倾向于用 JS 编写解决方案，但一般来说，您可以向选择字段添加一个观察者，然后通过创建 HTML dom 元素来添加字段。假设您已经在页面上构建了其中一种表单，您可能可以采取一些技巧来克隆字段以创建其他字段。另一种方法是始终拥有 5 组字段，并仅显示/隐藏您需要的字段组。祝你好运！

Answer 2

我找到了一种可行的方法，尽管它不漂亮，而且如果用户没有 JS，它也不起作用（在我的例子中，如果用户没有 JS，他们可以 gtfo）。

下面是它工作所需的代码。 （请记住，这是可行的，但我没有采取任何措施使其更简洁或更好）。附：看起来就像是地狱。

$('#room_details .fields').hide();
$('#room_details .fields:eq(0)').show();
$('.fields:eq(0)').find('.is_wanted').val("true");
$('#number_of_rooms').change(function() {
$('#room_details .fields').hide();
$('.is_wanted').val("");
if($(this).val() == '1') {
  $(".fields:eq(0)").each(function() {
    $(this).show();
    $(this).find('.is_wanted').val("true");
  });
}
else if ($(this).val() == '2'){
  $(".fields:eq(0), .fields:eq(1)").each(function() {
    $(this).show();
    $(this).find('.is_wanted').val("true");
  });
}
else if ($(this).val() == '3'){
  $(".fields:eq(0), .fields:eq(1), .fields:eq(2)").each(function() {
    $(this).show();
    $(this).find('.is_wanted').val("true");
  });
}
else if ($(this).val() == '4'){
  $(".fields:eq(0), .fields:eq(1), .fields:eq(2), .fields:eq(3)").each(function() {
    $(this).show();
    $(this).find('.is_wanted').val("true");
  });
}
else if ($(this).val() == '5'){
  $(".fields:eq(0), .fields:eq(1), .fields:eq(2), .fields:eq(3), .fields:eq(4)").each(function() {
    $(this).show();
    $(this).find('.is_wanted').val("true");
  });
}
});

然后在模型中我们执行以下操作：

accepts_nested_attributes_for :rooms, :allow_destroy => true, :reject_if => proc { |attrs| attrs['is_wanted'].blank? }

其中 is_wanted 是每个房间表单中的隐藏字段。我确信有更漂亮的方法，但至少它有效。

有什么想法吗？