重命名由 javascript 创建的参数

Question

我有一个按钮，让我可以在每次按下按钮时创建额外的输入字段，在提交表单时将每个输入字段保存到一个（数组）参数中。

按钮 erb 如下所示：

<%= button_tag 'Add a new field', id: 'add_correct_answer', type: 'button' %>

而它背后的 JavaScript 看起来是这样的。

$(document).ready(function() {
    // When the add_button is pressed
    $('#add_correct_answer').click(function() {
    // Container (already created)
    var container = $('.buttons-fields');

    // Create the input wrapper (input tag + delete button), and append it to `container`
    var input_wrapper = $('<div>', { class: 'input-wrapper' }).appendTo(container);

    // Create an input tag, and append it to input_wrapper
    var input = $('<input>', { name: 'correct_answers[]', type: 'text' }).appendTo(input_wrapper);

    // Create the remove button, append it to input_wrapper, and add a click callback to
    // remove the input wrapper if it's pressed.
    var remove = $('<span>', { text: 'x' }).appendTo(input_wrapper).click(function() {
      input_wrapper.remove();
    });
    });

此函数创建可以使用params[:correct_answers]调用的params[:correct_answers] ，它等于具有输入字段内容的数组。

我想要做的是将该参数更改为params[:task][:correct_answers] 。 我怎么做？

我试图改变：

var input = $('<input>', { name: 'task[correct_answers[]]', type: 'text' }).appendTo(input_wrapper);

它作为参数看起来不错，但没有保存任何内容。

Answer 1

您可以创建二维数组而不是一维数组。

int[] a = [23,45,494,599]数组就像int[] a = [23,45,494,599]然后你用a[0]或我确定你知道的任何东西调用。

然而，二维数组有点难。 设置看起来像这样：

int[] a = 
[
    [1,4,155,164,23,43],//This one
    [8,75,45,3134,45,6],
    [143,55,7,8,8754,5],
] 

并使用a[0][3]调用并返回 164。第一个括号选择我标记为“This one”的大数组内的数组，然后第二个数字括号获取该数组内的数字。

现在对二维数组的解释已经完成，真正的答案是：

所以2个想法。 尝试使用task[][]的设置并执行类似for(blah)task[I]=correct_answers; 您可能不需要 for 但知道您真正需要什么。 或者您可以尝试执行task[0][0]=correct_answers但我不知道它是否可行。 我想我可以，所以我保留了它。

正如 OP 在评论中所说：“事情是：我需要更改参数名称。参数不是典型的变量，所以像你上面提到的那样的事情将被认为是非常糟糕的做法。实际可行的方法是分配 params[:correct_answers ] 到 params[:task][:correct_answers]，然后在提交表单之前删除 params[:correct_answers]。”

所以我猜我的方法行不通。 除非你不关心坏习惯>:)

Answer 2

我所要做的就是改变

var input = $('<input>', { name: 'correct_answers[]', type: 'text' }).appendTo(input_wrapper);

进入：

var input = $('<input>', { name: 'task[correct_answers][]', type: 'text' }).appendTo(input_wrapper);