javascript - 相同的名称不能在不同的输入类型中

Question

你好，我开发了一个表单，我可以通过单击“添加新”按钮来克隆一个 div。这个 div 有一个输入框和表格。当我单击 AddNew 按钮时，将创建一个新的 div，它是第一个 div 的克隆，但我的问题是相同的，无法在这些 div 的输入框中输入。我无法实现此验证。

$("#insert17").click(function(){
$(".copyFromHere:first").clone().appendTo(".individualMarksSection")
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>  
  
  
  
  <div class="portlet light portlet-fit box individual individualDepartmentSection"> 
   <input type="button" class="btn green individual" value="Add New+" id="insert17"></input>
	
                                <div class="copyFromHere portlet-body individual individualDepartmentSectionSub">
								<label class="label1 col-md-12 individual labelDepartmentName"> Enter Department Name </label>
								<input type="text" class="form-control individual DepartmentName"></input>
                                 <table id="tableboth" class="arrSubjects table table-striped table-hover individual">
                                 
    <thead>
        <th>Employee</th>
        <th>Salary</th>
        
    </thead>
    <tbody>
        <tr> 
            <td>
                <input type="text" class="form-control EmpName" disabled="true" name="EmpName">
            </td> 
            <td>
                <input type="text" class="form-control salary allownumericwithoutdecimal" maxlength="3" name="salary">
            </td> 
        </tr>
    </tbody>
</table>
</div>
	
</div>

Answer 1

只需在 name="value[]" 的末尾添加方括号即可

喜欢:

<input type="text" class="form-control EmpName" disabled="true" name="EmpName[]">

像这样，您将拥有一个包含 empName 输入的 array()。

如果您在服务器端使用 PHP，您可以使用方括号语法将表单输入转换为数组，因此当您使用 name="EmpName[]" 时，您将得到一个数组你这样做:

$EmpName = $_POST['EmpName']; // Returns an array
print_r($EmpName); // Shows you all the values in the array

这样你就可以添加任意数量的同名输入元素。