Javascript Html动态表

嘿，我有一张只有一排的桌子。。。。 我需要在我的表中有一个add按钮来添加另一行， 后者当用户单击submit时，所有表数据都应输入数据库。 我已经创建了一个单行表，它可以很好地将数据输入数据库，请帮助我修改代码，使其具有添加行功能，并在提交时将数据输入数据库。我的Html和PHp文件如下。请帮忙

<form   name="myForm"
        method="post" 
        action="to_db.php" 
        onSubmit="alert('YOUR REQUEST HAS BEEN RECEIVED.');" >

<TABLE BORDER=0>    
    <TR>
        <TD>Department</TD>
        <TD>
            <select name="department">
                ...
            </select>
        </TD>
        <TD>Date Submitted</TD>
        <TD><input type="date" name="bday" /></TD>
    </TR>
    <TR>
        <TD>Requested by</TD>
        <TD><INPUT type=text name="reqby" /></TD>   
        <TD>priority</TD>
        <TD>
            <select name="priority">
                ...
            </select>
        </TD>
    </TR>
    <TR>
        <TD>Description Of Change:</TD>
        <TD><textarea name="doc" id="doc" cols="25" rows="3"></textarea></TD>
    </TR>
    <TR>
        <TD>Bussiness Impact Of Change:</TD>
        <TD> <textarea name="boc" id="doc" cols="25" rows="3"></textarea></TD>
    </TR>
</TABLE>

<table class="dynatable1">
    <thead>
            <tr>
                <th>Bussiness Process Impacted</th>
                <th>Tools Used / System Impacted</th>
                <th>Bussiness Driver description</th>
                <th>Impact category</th>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td><textarea name="v1" cols="30" row="1" id="demo3" value=""></textarea></td>
                <td><textarea name="v2" cols="50" rows="2" id="demo1" value="" /></textarea></td>
                <td><textarea name="v3" cols="50" rows="2" id="demo2" value="" /></textarea></td>
                <td>
                    <select name="v4">
                        ...
                    </select> 
                </td>
            </tr>
        </tbody>
    </table>

<input name ="printbtn"  type="image" src="submit.jpg" class="submit" value="SUBMIT"  >             
</form>

---

如果向行中的TD添加按钮，则可以复制该行，并使用以下方法将其添加到表中：

// Helper function
function upTo(el, tagName) {
  el = el && el.parentNode;
  tagName = tagName.toLowerCase();

  for ( ;el; el = el.parentNode) {
    if (el.tagName && el.tagName.toLowerCase() == tagName) {
      return el;
    }
  }
  return null;
}

// Row cloning function
function cloneRow(el) {
  var newRow;
  var row = el && upTo(el, 'tr');

  if (row) {
    newRow = row.cloneNode(true);
    row.parentNode.appendChild(newRow);
  }
}

请注意，HTML中已经有重复的ID，这将创建更多的ID。重复的名字也可以

在表中，您可以执行以下操作：

<table>
  ...
  <tr>
    ...
    <td><button type="button" onclick="cloneRow(this)">Add a row</button>
  ...
</table>

...
...
添加一行
...

您熟悉HTML、PHP或Javascript吗？您的代码没有表明这一点（即您需要多少帮助？）。到目前为止你尝试了什么？嘿，埃蒙恩，我是PHP和HTMl的新手。。我刚刚创建了一个示例，如果可能的话，只需使用我的代码，将“addrow”功能添加到html中，并将多行添加到数据库vai PHP中，您就不能“将addrow功能添加到html中”。您需要使用Javascript来实现这一点。听起来不太刺耳，但是，考虑到您的原始代码中存在的错误，我很惊讶它现在还能工作，没有做任何进一步的工作。您的HTML标记未关闭，有多余的开始标记，并且您的PHP使用了现在已弃用的mysql_uu语法。我不是想让你失望，但我认为你现在处理Javascript是本末倒置。集中精力做正确的事情，然后转到动态表。我知道，Eamonn有很多错误，我知道我需要使用javascript来做同样的事情，但问题是它工作正常，当点击提交时，数据会进入数据库。如果你能纠正我的代码中的addrows t功能，并在PHP中将其添加到数据库中，我将不胜感激。可能它只是HTMl代码中的一个javascript函数，后面是PHP中的FOR或While循环。请帮助我，我需要完成这件事，有些事情正在进行中。。。这让我松了一口气。。。非常感谢您…还有一件事，用户输入并填写表单…当他提交表单时，应该进入数据库（检查PHP文件），现在我需要一个循环，将动态数据输入数据库。但您能告诉我，当创建新行时…就像在本例中创建了一个新文本框，它的名称是什么，我应该如何访问它，可以用来验证条目吗

<table>
  ...
  <tr>
    ...
    <td><button type="button" onclick="cloneRow(this)">Add a row</button>
  ...
</table>