Question

我有一组字段是表单的一部分，它们的值需要提交到后端这组字段可以多次添加，通过＆＃34;添加更多＆＃34;功能。

例如 - 以下是我每次添加的值，如果我使用＆＃34;添加更多＆＃34;功能3次

FirstNameOne
LastNameOne
EmailOne
StatusOne

FirstNameTwo
LastNameTwo
EmailTwo
StatusTwo

FirstNameThree
LastNameThree
EmailThree
StatusThree

我在后端得到的数组采用以下形式

Array
(
    [0] => FirstNameOne
    [1] => FirstNameTwo
    [2] => FirstNameThree
)
Array
(
    [0] => EmailOne
    [1] => EmailTwo
    [2] => EmailThree
)
Array
(
    [0] => StatusOne
    [1] => StatusTwo
    [2] => StatusThree
)

但是，我想要的数组的格式是这样的

Array
(
    [0] => FirstNameOne
    [1] => EmailOne
    [2] => StatusOne
)
Array
(
    [0] => FirstNameTwo
    [1] => EmailTwo
    [2] => StatusTwo
)
Array
(
    [0] => FirstNameThree
    [1] => EmailThree
    [2] => StatusThree
)

任何人都可以帮我解决这个问题

HTML代码

<div class="input_fields_wrap">  
  <button class="add_field_button_per plusbutton">+</button> 
  <input type="text" name="first_name[]" id="first_name" class="first_name" placeholder="First Name">
  <input type="text" name="last_name[]" id="last_name" class="last_name" placeholder="Last Name"> 
  <input type="text" name="email[]" id="email" class="email" placeholder="Email"> 
  <select name="action[]">
    <option value="Inactive">Inactive</option>
    <option value="to">A</option>
    <option value="cc">B</option>
  </select>
</div>

Answer 1

您需要更改以下四个元素的初始name属性： -

name="data[1][]"
name="data[1][]"
name="data[1][]"
name="data[1][]"

然后更改jQuery代码name属性： -

$(wrapper).append('<br><input type="text" name="data['+x+'][]" id="first_name" class="first_name" placeholder="First Name"><input type="text" name="data['+x+'][]" id="last_name" class="last_name" placeholder="Last Name"><input type="text" name="data['+x+'][]" id="email" class="email" placeholder="Email"><select name="data['+x+'][]"><option value="Inactive">Inactive</option><option value="to">To</option><option value="cc">CC</option></select>'); //add input box

工作小提琴： - https://jsfiddle.net/q52v231u/

使用时无法更改阵列添加更多功能

1 个答案: