Javascript 将输入收集到阵列中
我有以下代码,这是输入形式Javascript 将输入收集到阵列中,javascript,php,Javascript,Php,我有以下代码,这是输入形式 <div class="input_wrap"> <div class="questions-field row"> <label class="col-md-12" for=""> <input type="text" name="questions[]" class="form-control"> </label&
<div class="input_wrap">
<div class="questions-field row">
<label class="col-md-12" for="">
<input type="text" name="questions[]" class="form-control">
</label>
</div>
<button class="add_field_button">Add More input </button>
</div>
我想要的不是仅仅添加一个输入,而是动态添加两个输入,其中第一个是问题,第二个是答案。比如:
Array
(
[0] => array('rgerg','text associated to rgerg')
[1] => array('qwd','text associated to qwd')
[2] => array('ffr','text associated to ffr')
.
.
.
)
如何做到这一点?提前感谢。如果您在两个字段的名称中提供相同的索引,则可以将问题与相应的答案关联起来。例如,使用此
名称
属性
问题:
<input type="text" name="questions[0][]" value="Question 1" />
当然,您需要在每个问题的名称中增加索引:
name="questions[0][]" // First question
name="questions[1][]" // Second question
name="questions[2][]" // Third question
您可以添加问题和相应的答案,如下所述:
<input type="text" name="quiz[0][question]" class="form-control">
<input type="text" name="quiz[0][answer]" class="form-control">
<input type="text" name="quiz[1][question]" class="form-control">
<input type="text" name="quiz[1][answer]" class="form-control">
<input type="text" name="quiz[2][question]" class="form-control">
<input type="text" name="quiz[2][answer]" class="form-control">
可能最好获取
问题[0]=>“rgerg”
和答案[0]=>“与rgerg关联的文本”
答案输入在哪里,应该如何在html中删除?@TheAlpha没有任何答案输入,但看起来可能与问题输入相同,但问题是如何关联它们,如果你能记录问题的数量,例如,问题[1]
,问题[2]
,等等,那么想一想Abracadver答案就很容易了。
<input type="text" name="questions[0][]" value="Answer 1" />
Array
(
[questions] => Array
(
[0] => Array
(
[0] => Question 1
[1] => Answer 1
)
[1] => Array
(
[0] => Question 2
[1] => Answer 2
)
)
)
name="questions[0][]" // First question
name="questions[1][]" // Second question
name="questions[2][]" // Third question
<input type="text" name="quiz[0][question]" class="form-control">
<input type="text" name="quiz[0][answer]" class="form-control">
<input type="text" name="quiz[1][question]" class="form-control">
<input type="text" name="quiz[1][answer]" class="form-control">
<input type="text" name="quiz[2][question]" class="form-control">
<input type="text" name="quiz[2][answer]" class="form-control">
Array
(
[quiz] => Array
(
[0] => Array
(
[question] => ques1
[answer] => ans1
)
[1] => Array
(
[question] => ques2
[answer] => ans2
)
[2] => Array
(
[question] => ques3
[answer] => ans3
)
)
)