0

Jqueryを介して動的に追加された一連のhtml要素を追加および削除するためのテーブルと2つのボタンがあります。フォームを送信するとき。アクション ページは、手動でコーディングされたフォーム要素のみを印刷するだけです。

$('#myTable tr:last').after(newElem); でこれを行いました。

jQueryで。

ここにリンクがあります www.jsfiddle.net/abelkbil/3GbWH/3/

このように出力

配列 ( [rno] => 123 [adno] => 配列 ( [0] => 1235 印刷されていない [1]=>x ) [rel....

すべてのサポートに感謝します

4

2 に答える 2

1

タグはformhtml で閉じられていません。また、両方のネストした表が含まれている必要があります。

    <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>
于 2012-12-01T08:26:22.760 に答える
1

フォームの終了タグが追加されていません。それを追加して、フォームの開始タグをテーブルの外に移動しますが、それは私の好みです。

<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]ます。次に、新しい要素の各行は、出力された配列の新しい行になります。

于 2012-12-01T08:39:45.890 に答える