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

时间:2016-11-07 20:49:15

标签: javascript php jquery forms autocomplete

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

<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 With val()方法在未定义的变量上失败。

请帮帮我!

1 个答案:

答案 0 :(得分:1)

我不确定你想要什么,所以如果我误解了某些事情,请纠正我

首先,你的json看起来像:

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

其次,您希望使用json:

中的值填充输入
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>
{{1}}