Javascript 在表单中动态添加换行符

我正在处理上述问题。我有一个表单，我想动态地在表单中添加新行（所有行，而不仅仅是其中一行）

到目前为止，我所做的是（但没有成功）：

echo”“；
回声“
普力昂
帕蒂达
巴拉圭体育场
副虹膜








";
Javascript（add.js）：
var计数器=1；
函数添加（divName）{
var newdiv=document.createElement（'div'）；
newdiv.innerHTML=“
”；
document.getElementById（divName）.appendChild（newdiv）；
}

如果你能帮助我，我将不胜感激。

---

提前感谢

主要问题是表单中有一个按钮，默认情况下该按钮正在提交表单

第二个问题是在表中使用div，这是无效的，浏览器将自动关闭开始标记。如果您想以友好方式添加tds，请添加一个空tr并向其添加新元素

根本原因是您试图调用'addInput'函数，而您有'add'

因此，解决方案与此类似：

      <table border='1' align='center'id='add'>
        <tr >
            <th align='right'>Proion</th>
            <th align='right'>Partida</th>
            <th align='right'>Stadio Paragwgis</th> 
            <th align='right'>Paratiriseis</th> 
        </tr>
        <tr>
            <td align='left'><input name='proion_paragwgi' type='text'/><br/></td>
            <td align='left'><input name='partida_paragwgi' type='text'/><br/></td>
            <td align='left'><input name='stadio_paragwgis_paragwgi' type='text'/><br/></td>
            <td align='left'><input name='paratiriseis_paragwgi' type='text'/><br/></td>
        </tr>
    </table>
    <align='left'><input type='submit' name='submit' value='OK'/>
    <input type='button' value='Prosthiki' onclick="add('add');">

var counter = 1;
function add(divName) {
    var newdiv = document.createElement('tr');
    newdiv.innerHTML = "<td align='left'><input name='proion_paragwgi' type='text'/><br/></td>";
    document.getElementById(divName).appendChild(newdiv);
}

普力昂
帕蒂达
巴拉圭体育场
副虹膜








var计数器=1；
函数添加（divName）{
var newdiv=document.createElement（'tr'）；
newdiv.innerHTML=“
”；
document.getElementById（divName）.appendChild（newdiv）；
}

我是不是遗漏了什么

test.php

    <?php   
    echo "<script src='/deltio/add.js' language='JavaScript' type='text/javascript'></script>";
    echo "<form name='test' method='post' action='test.php'>
            <table border='1' align='center' id='add'>
                <tr>
                    <th align='right'>Proion</th>
                    <th align='right'>Partida</th>
                    <th align='right'>Stadio Paragwgis</th> 
                    <th align='right'>Paratiriseis</th> 
                </tr>
                <tr>
                    <td align='left'><input name='proion_paragwgi' type='text'/><br/></td>
                    <td align='left'><input name='partida_paragwgi' type='text'/><br/></td>
                    <td align='left'><input name='stadio_paragwgis_paragwgi' type='text'/><br/></td>
                    <td align='left'><input name='paratiriseis_paragwgi' type='text'/><br/></td>
                </tr>
            </table>
            <align='left'><input type='submit' name='submit' value='OK'/>
            <input type='button' value='Prosthiki' onclick='add('add');'>
            </form>
    ";
?>

---

我刚刚解决了这个问题。代码需要php标记之外的这部分代码，如下所示：

 <?php
    echo "<script src='/test/add.js'></script>
        <form name='test' method='post' action='test.php'>
        <table border='1' align='center'id='add'>
        <tr >
            <th align='right'>Proion</th>
            <th align='right'>Partida</th>
            <th align='right'>Stadio Paragwgis</th> 
            <th align='right'>Paratiriseis</th> 
        </tr>
        <tr>
            <td align='left'><input name='proion_paragwgi' type='text'/><br/></td>
            <td align='left'><input name='partida_paragwgi' type='text'/><br/></td>
            <td align='left'><input name='stadio_paragwgis_paragwgi' type='text'/><br/></td>
            <td align='left'><input name='paratiriseis_paragwgi' type='text'/><br/></td>
        </tr>
        </table>
        <p align='center'><input type='submit' name='submit' value='OK'/>
        <input type='button' value='Prosthiki' onclick=";?>"add('add');"<?php echo "></form></p>
    ";
?>

---

你所说的新行是什么意思？将
\r\n
添加到代码将不起作用，因为HTML将忽略它。此外，您不能让
包装器添加输入文本。动态表单步骤1：停止创建无效的HTML-您不能将
div
作为
表的子级
您应该将您的div附加到现有的div中，并且您的HTML无效。如何将您的全部内容包装到div中。我有点困惑，而且我比这还小，它不起作用。可能是我做错了什么？不，只是单击按钮后没有响应。我用我的解决方案创建了一个代码笔：当您使用PHP编写内容时，请注意“和”字符。我更改了
onclick=“add（'add'）；“
part。在代码中，您应该转义”字符。如果js文件未加载，您应该在控制台或网络选项卡中看到错误。您不需要将该部分放在php标记之外。你们只需要小心逃跑，就像我在上面的评论中写给你们的那个样。那一行应该是这样的：
我已经按照你提到的那样写了。我会再检查一遍。不过，非常感谢您的帮助：）
    function add(divName) {
        var newdiv = document.createElement('tr');
        newdiv.innerHTML = '<td align='left'><input name='proion_paragwgi' type='text'/><br/></td>';
        document.getElementById(divName).appendChild(newdiv);
}

 <?php
    echo "<script src='/test/add.js'></script>
        <form name='test' method='post' action='test.php'>
        <table border='1' align='center'id='add'>
        <tr >
            <th align='right'>Proion</th>
            <th align='right'>Partida</th>
            <th align='right'>Stadio Paragwgis</th> 
            <th align='right'>Paratiriseis</th> 
        </tr>
        <tr>
            <td align='left'><input name='proion_paragwgi' type='text'/><br/></td>
            <td align='left'><input name='partida_paragwgi' type='text'/><br/></td>
            <td align='left'><input name='stadio_paragwgis_paragwgi' type='text'/><br/></td>
            <td align='left'><input name='paratiriseis_paragwgi' type='text'/><br/></td>
        </tr>
        </table>
        <p align='center'><input type='submit' name='submit' value='OK'/>
        <input type='button' value='Prosthiki' onclick=";?>"add('add');"<?php echo "></form></p>
    ";
?>