Question

我使用Jquery追加我的表，当我追加它时，添加一个新的tbody并且每个tbody包含一个表单。问题是onley第一种形式是工作，我不知道为什么。这是我的剧本：

<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();
     });
});

问题出在哪里？

Answer 1

您的表单HTML无效。请参阅here了解正确的方法。

Answer 2

您正在添加由服务器正常解析的伪标记（<form:form>和<form:input>），并将其直接转换为有效的HTML到DOM树。浏览器无法处理它们，因此您的表单不起作用。

您有两种选择：

添加有效的HTML标记（<form>和<input>而不是伪标记
使用AJAX调用来解析服务器上的标记，并将生成的HTML添加到DOM树中。

根据服务器从这些标签生成的内容，您必须决定什么更适合您。

具有多个表单和一个表单的表正在运行

2 个答案: