求助：一个动态添加表单的行并提交数据的问题

2015-07-12 09:56:41 353 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

helloworld20010 墨衍会员 · AI 创作全网分发关注 + 加入社区

JavaScript动态添加数据到表单并提交的几种方式情景1：已经存在form对象了，动态为form增加对象并提交 function formAppendSubmit(){ var myform=$('#newArticleForm'); //得到form对象 var tmpInput=$("<input type='text' name='blogArticleForm.articleContent'/>... 阅读详情

问题如下：
一个表单想动态地添加行，最后将表单数据提交到后台，表单代码如下：

<table id="myTable" border="1"><tbody id="tb">

	<form action="back.php" method="post">

    <tr>

        <th>文件路径:</th>

        <td><input type="text" size="20" name="username"></td>

    </tr>

</tbody>



	<tr>

	<td colspan="2" align="center">

		<input type="submit" name="submit" value="提交">

		<input type="button" onclick="insRow()" value="插入行">

	<td>

	</tr>

	</form>

	</table>

back.php文件只是简单用var_dump的打印post数组，但是打印出来的结果只有一行，即第一行添加的数据，后面的数据都没有，请问这是什么问题，谢谢。

...全文

用js动态添加登录表单并完成提交实现在html注册后自动登录注册的表单提交和数据同样是在html间完成的，为此单独写了register.html来处理index页面提交过来的注册表单数据。 var url = location.search; var Request = new Object(); var NEWSTAG = 0; if(url.indexOf('?') != -1) { var s 阅读详情

helloworld20010

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

qq_36677456 2019-02-15

打赏
举报

<form> <table id="myTable" border="1"> <thead> <tr> <td>文件路径:</td> <td><input type="text" size="20" name="username"></td> </tr> </thead> <tbody id="tb"> </tbody> <tfoot> <tr> <td colspan="2" align="center"> <div onclick='sendData'> <input type="button" onclick="insRow()" value="插入行"> <td> </tr> </tfoot> </table> </form> html写成这样比较规范一些。你点击添加行的时候。往tbody里面添加你准备好的行格式。剩下的就是js获取你要准备给后台的数据了获取你要添加行的数据。（为了方便我用jquery 啊）比如你添加的数据的格式是 <tr><td><input type="text" name="addData[]" /></td></tr> function getAddRowDatas(){ let newData=$("input[name='addData']").val() return newData } function sendData(){ let param={ newData:getAddRowDatas(),//你新加行的数据 username:$("input[name='username']").val() //你之前已有行的数据 } $.post({ type:"post", url:"back.php", data:param, success:function(data){ conso;e.log("_提交成功后") } }) } } 这样就可以了。你新增的数据就像你说的一样是数组的形式。

Hello World, 2019-02-14

打赏
举报

你这格式不规范，把整个table放到form里去吧；你的代码浏览器渲染后重新获得的html是：

    <table id="myTable" border="1">

        <tbody id="tb">

            <form action="back.php" method="post"></form>

            <tr>

                <th>文件路径:</th>

                <td><input type="text" size="20" name="username"></td>

            </tr>

        </tbody>

        <tbody>

            <tr>

                <td colspan="2" align="center">

                    <input type="submit" name="submit" value="提交">

                    <input type="button" onclick="insRow()" value="插入行">

                </td>

                <td></td>

            </tr>

        </tbody>

    </table>

可以改成：

    <form action="back.php" method="post">

        <table id="myTable" border="1">

            <tbody id="tb">

                <tr>

                    <th>文件路径:</th>

                    <td><input type="text" size="20" name="username"></td>

                </tr>

            </tbody>

            <tbody>

                <tr>

                    <td colspan="2" align="center">

                        <input type="submit" name="submit" value="提交">

                        <input type="button" onclick="insRow()" value="插入行">

                    </td>

                    <td></td>

                </tr>

            </tbody>

        </table>

    </form>

莫知莫言 2019-02-14

打赏
举报

用ajax请求，把js动态添加的数据用js做成list<map>格式的如下，ajax的data：getFormData()传递给后台，然后后台根据名字bagScenes获取就行了 // 构建表单数据 function getFormData(){ "bagScenes" : getScenes(), } function getScenes(){ var _returnArray1 = new Array(); //var tb = document.getElementById('tid'); // table 的 id var trList1 = $("#sceneList").children(".sceneTr"); for ( var i = 0 ; i < trList1.length ; i ++){ var _obj1 = {}; _obj1.sceneIndex=$(trList1[i]).children("td").children("input[name='sceneIndex']").val(); _obj1.sceneId=$(trList1[i]).children("td").children("input[name='sceneId']").val(); _returnArray1.push(_obj1); } var _json1 = JSON.stringify(_returnArray1); return _json1; }

hch126163 2015-07-14

打赏
举报

php 支持 <input type="text" size="20" name="username[]"> 获取到 username 是一个数组

天际的海浪 2015-07-13

打赏
举报

要每次添加的文本框的name都不一样才行

helloworld20010 2015-07-13

打赏
举报

自己先顶以下，求各位帮忙，谢谢

求助：一个动态添加表单的行并提交数据的问题

相关推荐