Rails - Javascript - 在表单提交之前将参数添加到参数

Question

我有一个针对多个学生的表格，每个学生旁边都有复选框以收集他们的 ID。我正在尝试使用两个按钮，每个按钮都指向不同的表单，并且我尝试通过单击按钮提交参数但无济于事：

simple_form_for - multiple submit buttons with different params

有没有办法在提交表单之前编写一些向参数添加参数的JS？我的表格如下：

<%= simple_form_for :pupils, url: edit_multiple_school_group_pupils_path(school, group) do |f| %>
  ...
  ...
  <%= f.button :submit, 'Change Levels', name: 'editing', value: 'levels' %>
  <%= f.button :submit, 'Move to A Class', name: 'editing', value: 'classes' %>
<% end %>

每个按钮在原始 HTML 中都有自己的 ID，因此我希望有一种方法可以在表单提交之前将其提取出来并将其添加到参数中。

我对 JS 非常熟悉，所以甚至不知道从哪里开始。提前致谢。

Answer 1

我不是 100% 确定 rails 部分需要什么，但听起来你想序列化你的表单。

这很容易实现。下面是一个序列化到 JSON 函数的示例

function toJSONString( form ) {
    var obj = {};
    var elements = form.querySelectorAll( selectors );
    for( var i = 0; i < elements.length; ++i ) {
        var element = elements[i];
        var name = element.name;
        var value = element.value;

        if( name ) {
            obj[ name ] = value;
        }
    }

    return JSON.stringify( obj );
}

选择器几乎可以是您在表单中想要的任何东西。输入、文本区域、按钮等。

希望这会有所帮助！