动态添加表单中的换行符

时间:2017-06-19 08:03:29

标签: javascript forms newline add

我处理上述问题。我有一个表单,我想动态地添加表单的新行(所有这些,不仅包括一个)。

到目前为止,我所做的是(但没有成功):

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'>
            <div 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>
            </div>
        </table>
        <align='left'><input type='submit' name='submit' value='OK'/>
        <input type='button' value='Prosthiki' onClick='addInput('add');'>
        </form>
";

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

如果你能帮助我,我将不胜感激。 提前致谢

3 个答案:

答案 0 :(得分:0)

主要问题是您在表单中有一个按钮,默认情况下会提交您的表单。

第二个问题是你在表中使用div,这是无效的,浏览器会自动关闭开始标记。如果你想添加tds dinamically,添加一个空的tr并将新元素附加到它。

并且根本原因是您正在尝试调用'addInput'函数,并且您已经'添加'。

所以解决方案与此类似:

      <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);
}

答案 1 :(得分:0)

我错过了什么吗?

test.php的

    Bitmap bm = BitmapFactory.decodeResource( getResources(), R.drawable.myimage_name);

String extStorageDirectory = Environment.getExternalStorageDirectory().toString();
            File file = new File(extStorageDirectory, "MyIMG.png");
            FileOutputStream outStream = null;
            try {
                outStream = new FileOutputStream(file);
                bm.compress(Bitmap.CompressFormat.PNG, 100, outStream);
                outStream.flush();
                outStream.close();

    } catch (FileNotFoundException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            }

    Uri imguri=Uri.fromFile(file);

add.js

    <?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>
    ";
?>

答案 2 :(得分:0)

我刚才发现了问题。代码需要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>
    ";
?>

为什么会这样?