0

私はこのようなフォームを持っています:

<form:form name="ExpenseDetails" method="Post"
    action="ExpenseDetailsForm.html">
    <table id="Parent1_Table">
        <tbody>
            <tr>
                <td>
                    <table id="Item1_Table1">
                        <tbody>
                            <tr>
                                <td>Item</td>
                                <td><input type="text" name="Item1" id="Item1" required /></td>
                            </tr>
                            <tr>
                                <td>Expense in Rs</td>
                                <td><input type="text" name="ItemValue1" id="ItemValue1"></td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td>
                    <table id="Item1_Table2">
                        <tbody>
                            <tr>
                                <td><button name="Edit1" id="Edit1">Edit</button></td>
                                <td><button name="Duplicate1" id="Duplicate1">Duplicate</button></td>
                                <td><button name="Trash1" id="Trash1">Trash</button></td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</form:form>

ボタンをクリックすると、同じ要素を持つduplicate1別のボタンを作成して追加したいと思います。 tableParent1_Table

これを行うために、私は2つの解決策を念頭に置いています:

1) クリックされたテーブルを見つけ、duplicate buttonすべて
のid要素を取得してスタックにプッシュし
、テーブルの html 全体を取得し、要素
全体を複製し、 1tableずつインクリメントした後に元の要素に追加しますids。

i2) クリックされたduplicateボタンの不変要素と同じ要素を作成し、送信
後、テキスト要素の数を数えて使用します。

上記のソリューションのうち、開発が容易なのはどれですか?
これらの中から1つを選択するのを手伝ってもらえますか？
質問の詳細が必要な場合はお知らせください。

4

1 に答える 1

1

「最良」の質問は常にトリッキーです。

すべての行で繰り返されるコントロールに直面するときはいつでも、id値を使用することはまったく避けます。せいぜい行には が含まれますがid(多くの場合はそうでもない場合もあります)、残りの行にはクラスを使用します。特に、イベント委任とうまく連携するためです。

于 2013-03-04T15:27:47.560 に答える