0

我在一个表单中有两个选择字段。每次这些选择字段之一更改值时，应更改表单的其余部分。我对选择字段使用了以下代码：

<%= f.collection_select :model1, Model1.all, :id, :name, "data-remote" => true, "data-url" => "/model3/get_rest_form"  %>
<%= f.collection_select :model2, Model2.all, :id, :name, "data-remote" => true, "data-url" => "/model3/get_rest_form"  %>

现在的问题是，model3 控制器需要两个 select 字段的值来制定对发送给它的 Ajax 请求的响应，但它只获取刚刚在 params 中更改的 select 字段的值。

如果更改了 model1 字段，我会得到：

params = {"model3"=>{"model1"=>"2"}}

如果更改了 model2 字段，我会得到：

params = {"model3"=>{"model2"=>"3"}}

但在这两种情况下我都需要以下内容。

params = {"model3"=>{"model1"=>"2", "model2" => "3"}}

我怎么能意识到这一点？

也许有一种方法可以在更改选择字段时发送所有表单数据。

谢谢！

4

1 回答 1

0

阅读jquery_ujs.js文件后，我想出了以下解决方案。显然，选择标记的 data-params 属性中存在的数据被添加到使用 ajax 请求发送到控制器的数据中，并且在准备 ajax 请求的最开始时，'ajax:before ' 事件在 select 元素上触发。我使用此事件从表单中读取数据，对其进行序列化并将其放入 select 元素的 data-params 标记中。然后这些数据会自动添加到 ajax 请求中。这是我的代码：

$(".add_form_data").on('ajax:before', function(event){
    var form = $(this).closest('form');
    var formData = form.serialize();
    $(this).data("params",formData);
});

剩下要做的就是将add_form_data类添加到两个选择元素中。

<%= f.collection_select :model1, Model1.all, :id, :name, "data-remote" => true, "data-url" => "/model3/get_rest_form" :class => "add_form_data"  %>
<%= f.collection_select :model2, Model2.all, :id, :name, "data-remote" => true, "data-url" => "/model3/get_rest_form" :class => "add_form_data" %>
于 2012-06-13T20:51:15.530 回答