Question

我有一个表和2个按钮来添加和删除一组通过Jquery动态添加的html元素。当我提交表格时。操作页面仅打印仅手动编码的表单元素。

我已经这样做了 $（'＃myTable tr：last'）。after（newElem）;

在jQuery中。

这里是链接www.jsfiddle.net/abelkbil/3GbWH/3 /

out out as this

数组（[rno] =＆gt; 123 [adno] =＆gt;数组（[0] =＆gt; 1235 它不打印 [1 ] =＆gt; x） [rel ....

感谢所有支持

Answer 1

html中未关闭form标记。它还应该包含两个嵌套表。

    <form name="f10"  id="myform" method=POST action="http://testxml.net84.net/abel-test/test.php">
    <table id="myTable">
    <tbody>
    <tr><th><th><th><th><th>Ration Number</th><td><input type="text" name="rno"></td><th>Grand total</th><td><input type="text" name="adno[0]"></td></tr>
    <tr><th>Aadaar Number</th><th>Relationship</th><th>Income from land</th><th>Salary/Pension</th><th>Income from business</th><th>Income from Labour</th><th>Rental Income</th><th>Any other income</th><th>total
    </th></tr>
    <input type="hidden" id="rowcount" value="1" >
    <tr><td><input type="text" name="adno[0]"></td>
    <td>
    <select name="relation">
    <option  value="owner">owner</option>
    <option  value="Father">Father </option>
    <option  value="Mother">Mother</option>
    <option  value="Son">Son</option>
    <option  value="Daughter">Daughter</option>
    <option  value="Husband">Husband</option>
    <option  value="Grandfather">Grandfather</option>
    <option value=" Grandmother">Grandmother</option>
    <option value="Mother-in-law">Mother-in-law</option>
    <option value="Father-in-law 8">Father-in-law</option>
    </select></td>
    <td><input type="text" name="il"></td>
    <td><input type="text" name="sal"></td>
    <td><input type="text" name="lb" ></td>
    <td><input type="text" name="ll" ></td>
    <td><input type="text" name="rl" ></td>
    <td><input type="text" name="ai" ></td>
    <td><input type="text" name="tot" ></td>
    </tr>
    </tbody>
    </table>
    <table>
    <tr><td><input type="submit" name="submit"></td></tr>
    <tr><td>


            <input type="button" id="btnAdd" value="add another name" /></td><td>
            <input type="button" id="btnDel" value="remove name" /></td>
       </tr>
    </table>
</form>

Answer 2

您尚未添加结束表单标记。我会添加它并将开始表单标记移动到表外，但这只是我的偏好。

<form name="f10"  id="myform" method=POST action="http://testxml.net84.net/abel-test/test.php">
    <table id="myTable">
        .. table ..
    </table>
</form>

此外，您只为添加的脚本的adno['+rows+']部分添加了一个数组。因此，即使添加了表单标记，您也只能在打印数组中获得额外的adno标记。

为此，您应将元素命名为数组的一部分，以便name=relation成为name=adno['+rows+'][relation]。然后每行新元素将成为输出数组中的新行。

发布由Jquery添加到表单的html元素

2 个答案: