Jquery：将值数组从一个数组输入传递到另一个数组输入字段

Question

因此我有两个数组输入字段，例如

<tbody value='question'>
<tr> <td><input type="text" name="question[one][]" ></td> <td><input type="text" name="question[one][]" >
<tr> <td><input type="text" name="question[two][]" ></td> <td><input type="text" name="question[two][]" >
</tbody>

另一个是

<tbody value='answer'>
<tr> <td><input type="text" name="answer[one][]" ></td> <td><input type="text" name="question[one][]" >
<tr> <td><input type="text" name="answer[two][]" ></td> <td><input type="text" name="question[two][]" >
</tbody>

我在这样提交时获取数据。

question => array [ => "one" => array [ 'value1','value2'], "two" => array ['value1','value2']]

和

answer => array [ => "one" => array [ 'value1','value2'], "two" => array ['value1','value2']]

没关系。这只是数据结构。

现在在表单中，我想在问题输入字段填满时自动完成答案字段。或者在完成问题字段并单击一个按钮（例如将此用作答案）后，事件触发器和答案字段将填满问题数据。并保证问题和答案输入字段的格式相同。只是名称改变。

我尝试使用 jQuery 的 val() 方法在未定义的变量上失败。

请帮帮我！

Answer 1

我不确定你想要什么，如果我误解了什么，请纠正我

首先，你的 json 看起来像：

question = {
  one: [ 'value1','value2'],
  two: ['value1','value2']
}
answer = {
  one: [ 'value1','value2'],
  two: ['value1','value2']
}

其次，您想用来自 json 的值填充输入：

$('#button').click(function() {
  $("input[name='answer[two][]']").val(answer['two'][0]);
});

question = {
  one: [ 'value1','value2'],
  two: ['value1','value2']
}

$('#button').click(function() {
  $("input[name='question[one][0]']").val(question['one'][0]);
  $("input[name='question[one][1]']").val(question['two'][1]);  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<tbody value='question'>
<tr> <td><input type="text" name="question[one][0]" ></td> <td><input type="text" name="question[one][1]" >
<tr> <td><input type="text" name="question[two][0]" ></td> <td><input type="text" name="question[two][1]" >
</tbody>
<button id="button">click me!</button>