Question

标题为

可能以前曾经问过，但我找不到它。也许我使用了错误的搜索关键字..

我正在尝试将子表单附加到GSP表单中。主要形式如下

<div>
    ------------ CHUNK OF INPUT CODES HERE -----------------
    <button id="addRow">Add Another Row</button>
    <div id="childForm">
    </div>
</div>

这里的想法是在childForm块中附加一个子表单（它是一个单独的GSP模板）。通过按“添加另一行”按钮，子窗体将附加在现有子窗体的底部（如果有），并且只要按下该按钮，子窗体将继续追加。

那么如何使用JQuery以这种方式附加子表单？

我尝试了以下但是没有用。

$("#childForm").append("<div class='subaccordion'><g:render id='subForm' template='subForm'/></div>");

Jquery有任何其他可能的想法吗？

Answer 1

$('#addRow').click(function(){
$("#childForm").append("<div class='subaccordion'><g:render id='subForm' template='subForm'/></div>");
});

小提琴 - http://jsfiddle.net/Ashish_developer/77gyoazs/

使用JQuery附加GSP元素

1 个答案: