1

Jquery を使用してテーブルを追加します。追加すると、新しい tbody が追加され、各 tbody にフォームが含まれます。問題は、最初のフォームだけが機能していることです。理由はわかりません。これは私のスクリプトです:

<script type="text/javascript">
$(document).ready(function() {
     $("#tr_clone_add").click(function(){

    $('#listuser').append('<tbody><form:form action="${pageContext.request.contextPath}/insertMovement" method="post" commandName="movement"><tr>'+
'<td><form:input type="text"  path="nom_etabl"/></td>'+
'<td><form:input type="text" class="tcal" readonly="true" path="date_fin"/></td><td><input type="submit" value="" class="button round blue image-right ic-right-arrow"></td></tr></form:form></tbody>');
     f_tcalInit();
     });
});

問題はどこだ ？

4

2 に答える 2

1

フォームの html が無効です。正しいやり方はこちらをご覧ください。

于 2013-06-03T13:43:47.047 に答える
1

<form:form>サーバーによって通常解析され、有効な HTML に直接変換される疑似タグ (および<form:input>) を DOM ツリーに追加しています。ブラウザはそれらを処理できないため、フォームは機能しません。

次の 2 つのオプションがあります。

  1. 有効な HTML マークアップを追加します (疑似タグ<form>の<input>代わりに
  2. AJAX 呼び出しを使用してサーバー上のマークアップを解析し、結果の HTML を DOM ツリーに追加します。

サーバーがこれらのタグから生成するものに応じて、何がより適しているかを判断する必要があります。

于 2013-06-03T13:51:33.283 に答える