PHP将变量分配给多个动态表单行

时间:2013-09-26 09:42:03

标签: javascript php jquery

我遇到了一个问题,我不知道如何从一个表单中提取信息并保存到服务器上的csv。问题是,我有一个包含多个表的表单,在这些表中有一个“+”按钮来添加另一行。我正在使用jquery这样做。这样可以正常工作,并将行数保存到隐藏的输入中,并将_0,_1,_2分配给textarea名称。

我真的很困惑我将如何使用PHP根据用户添加的行数动态地为这些变量分配变量。这是我的表格:

<table style="width:100%;" id="directEmployees">
<tbody>
    <tr>
        <td>Name</td>
        <td>Time Start</td>
        <td>Time Finish</td>
        <td>Job Description</td>
        <td>Plant/Machinery Issued/Used</td>
        <td>P.P.E Issued?</td>
        <td>Materials Issued/Used</td>
    </tr>
    <tr>
        <td width="20%"><textarea style="width:100%;" name="directName_0" id="directName_0"></textarea></td>
        <td width="10%"><textarea style="width:100%;" name="directTimeStart_0" id="directTimeStart_0"></textarea></td>
        <td width="10%"><textarea style="width:100%;" name="directTimeEnd_0" id="directTimeEnd_0"></textarea></td>
        <td width="20%"><textarea style="width:100%;" name="directJob_0" id="directJob_0"></textarea></td>
        <td width="15%"><textarea style="width:100%;" name="directPlant_0" id="directPlant_0"></textarea></td>
        <td width="10%"><textarea style="width:100%;" name="directPPE_0" id="directPPE_0"></textarea></td>
        <td width="15%"><textarea style="width:100%;" name="directMaterials_0" id="directMaterials_0"></textarea></td>
    </tr>
</tbody>
</table>
<h2 id="addEmployee" style="cursor:pointer;">+</h2>

<button type="submit">Submit</button>

</form>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){
    var additional_rows = 0;
    $('#addEmployee').click(function() {
        additional_rows = additional_rows + 1;
        $('#rowsEmployee').val(additional_rows);

        var addTable = '<tr><td width="20%"><textarea style="width:100%;" name="directName_' + additional_rows + '" id="directName_' + additional_rows + '"></textarea></td><td width="10%"><textarea style="width:100%;" name="directTimeStart_' + additional_rows + '" id="directTimeStart_' + additional_rows + '"></textarea></td><td width="10%"><textarea style="width:100%;" name="directTimeEnd_' + additional_rows + '" id="directTimeEnd_' + additional_rows + '"></textarea></td><td width="20%"><textarea style="width:100%;" name="directJob_' + additional_rows + '" id="directJob_' + additional_rows + '"></textarea></td><td width="15%"><textarea style="width:100%;" name="directPlant_' + additional_rows + '" id="directPlant_' + additional_rows + '"></textarea></td><td width="10%"><textarea style="width:100%;" name="directPPE_' + additional_rows + '" id="directPPE_' + additional_rows + '"></textarea></td><td width="15%"><textarea style="width:100%;" name="directMaterials_' + additional_rows + '" id="directMaterials_' + additional_rows + '"></textarea></td></tr>';

        $('#directEmployees tbody').append(addTable);
    });
});

</script>

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:0)

将表单提交到您的php脚本后,将填充$ _GET或$ _POST数组,具体取决于表单方法..因此您需要处理数组,例如...

foreach($_POST as $key=>value) {
  //process value 
}

答案 1 :(得分:0)

PHP能够使用方括号从多个输入中创建一个具有单个名称的数组。我不完全确定您要完成的任务,但如果存在动态行数,您可能希望避免为每个行指定唯一名称。

您可能会考虑与此类似的命名约定:

<textarea style="width:100%;" name="directTimeStart[]" id="directTimeStart_0"></textarea></td>
<textarea style="width:100%;" name="directTimeEnd[]" id="directTimeEnd_0"></textarea></td>
<textarea style="width:100%;" name="directJob[]" id="directJob_0"></textarea></td>
<textarea style="width:100%;" name="directPlant[]" id="directPlant_0"></textarea></td>
<textarea style="width:100%;" name="directPPE[]" id="directPPE_0"></textarea></td>
<textarea style="width:100%;" name="directMaterials[]" ... ></td>

这将允许您完全忘记客户端的编号,并将任务转移到PHP。在PHP中,您可以使用$_GET[directTimeStart][0]访问第一行,使用$_GET[directTimeStart][1]访问第二行等。

$count = count($_POST['directTimeStart']);
for ($i = 1; $i <= $count; $i++) {
 $csv .= $_POST[directTimeStart][$i] . ',';
 $csv .= $_POST[directTimeEnd][$i] . ',';
 $csv .= $_POST[directJob][$i] . ',';
 $csv .= $_POST[directPlan][$i] . ',';
 $csv .= $_POST[directPPE][$i] . ',';
 $csv .= $_POST[directMaterials][$i] . '\n';
}

return $csv;