Question

我有一个表单，用户可以添加其他行（使用javaScript），但是当单击保存按钮时，如何获取新数据以分配给变量？

现在发生了什么：用户添加新行，点击保存，行和数据一起从页面中消失。

这是我的HTML：

    <table id="desc_table" class="form">
      <tbody id="desc_tbody">
        <tr id="headings">
          <td><font><h3>Description</h3></font></td>
          <td><font><h3>Hours</h3></font></td>
          <td><font><h3>Rate</h3></font></td>
          <td><font><h3>Amount</h3></font></td>
          <td></td>                          
        </tr>

        <tr>
          <td><input name="desc1" type="text" value="<?php echo $desc1; ?>"></td> 
          <td> <input name="desc_hr1" type="text" value="<?php echo $desc_hr1; ?>"></td>
          <td> <input name="desc_rt1" type="text" value="<?php echo $desc_rt1; ?>"></td>
          <td><input name="desc_amt1" type="text" value="<?php echo $desc_amt1; ?>"></td>

          <td><input type="button" value="X" name="delete" class="btnDelete" onclick="deleteLine(this)"></td>
        </tr>
        <tr>
          <td><input name="desc2" type="text" value="<?php echo $desc2; ?>"></td> 
          <td> <input name="desc_hr2" type="text" value="<?php echo $desc_hr2; ?>"></td>
          <td> <input name="desc_rt2" type="text" value="<?php echo $desc_rt2; ?>"></td>
          <td><input name="desc_amt2" type="text" value="<?php echo $desc_amt2; ?>"></td>
          <td><input type="button" value="X" name="delete" class="btnDelete" onclick="deleteLine(this)"></td>
        </tr>
        <tr>
          <td><input name="desc3" type="text" value="<?php echo $desc3; ?>"></td>
          <td> <input name="desc_hr3" type="text" value="<?php echo $desc_hr3; ?>"></td>
          <td> <input name="desc_rt3" type="text" value="<?php echo $desc_rt3; ?>"></td>
          <td><input name="desc_amt3" type="text" value="<?php echo $desc_amt3; ?>"></td>
          <td><input type="button" value="X" name="delete" class="btnDelete" onclick="deleteLine(this)"></td>
        </tr>                         
        </tbody>
   </table>

    <div>
        <center><input type="button" value="Add New Line" id="add_btn" name="add_btn" onclick="newLine()"></center>
    </div>

JavaScript的：

function newLine(){

//get the total amount of rows in the table
var $rowcount = $('#desc_table tr').length;

//add the row number to the field name to make it unique
var $desc = "desc" + $rowcount;
var $desc_hr = "desc_hr" + $rowcount;
var $desc_rt = "desc_rt" + $rowcount;
var $desc_amt = "desc_amt" + $rowcount;

//create new row data
var $newRowData = '<tr><td><input name=' + $desc + ' type=text></td><td><input name=' + $desc_hr + ' type=text></td><td><input name=' + $desc_rt + ' type=text></td><td><input name=' +$desc_amt+ ' type=text></td><td><input type="button" value="X" name="delete" class="btnDelete" onclick="deleteLine(this)"></td></tr>';

//append new row to bottom of the table
$($newRowData).appendTo($("#desc_table tbody"));

}

PHP变量声明：

...

if (!empty($_POST['desc1'])){
    $desc1 = $_POST['desc1'];
}
else{
    $desc1 = NULL;
}
if (!empty($_POST['desc_hr1'])){
    $desc_hr1 = $_POST['desc_hr1'];
}
else{
    $desc_hr1 = NULL;
}
if (!empty($_POST['desc_rt1'])){
    $desc_rt1 = $_POST['desc_rt1'];
}
else{
    $desc_rt1 = NULL;
}
if (!empty($_POST['desc_amt1'])){
    $desc_amt1 = $_POST['desc_amt1'];
}
else{
    $desc_amt1 = NULL;
}
if (!empty($_POST['desc2'])){
    $desc2 = $_POST['desc2'];
}
else{
    $desc2 = NULL;
}
if (!empty($_POST['desc_hr2'])){
    $desc_hr2 = $_POST['desc_hr2'];
}

...

当使用POST捕获页面变量时，如何找到新的行变量来声明它们并捕获数据？

Answer 1

使用数组样式名称而不是在每行上增加后缀：

   <tr>
      <td><input name="desc[]" type="text" value="<?php echo $desc; ?>"></td> 
      <td> <input name="desc_hr[]" type="text" value="<?php echo $desc_hr; ?>"></td>
      <td> <input name="desc_rt[]" type="text" value="<?php echo $desc_rt; ?>"></td>
      <td><input name="desc_amt[]" type="text" value="<?php echo $desc_amt; ?>"></td>

      <td><input type="button" value="X" name="delete" class="btnDelete" onclick="deleteLine(this)"></td>
    </tr>

PHP然后将所有输入放入数组中，您可以遍历它们。

foreach ($_POST['desc'] AS $i => $desc) {
    $desc_hr = $_POST['desc_hr'][$i];
    $desc_rt = $_POST['desc_rt'][$i];
    $desc_amt = $_POST['desc_amt'][$i];
    ...
}

Answer 2

输入隐藏的输入，然后将其值设置为默认显示的行数。添加或删除行时，使用JavaScript更新值。提交后，您可以在循环中使用此值。

然而，最简单和最合适的解决方案就是使用表单数组。例如，为什么不将每个输入名称称为“desc []”？然后使用数组索引来确定行的位置/数量等。您可以有1或1000个输入命名为...

当我不知道要抓取的所有变量时，如何处理php帖子

2 个答案: