如何用父元素的函数一起克隆一行输入? [英] How to clone a row of inputs with the parent element's function together?
本文介绍了如何用父元素的函数一起克隆一行输入?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
现在,我打算允许用户动态添加更多第一行,以便他们可以提交多个项目!为此,我需要在submit.WHen旁边添加一个按钮类型的输入,它应该克隆5列的第一行以及函数。
我试过:
$(#more_items)on(click,function
{
$(#clone_this)。clone(true,true).appendTo(#submit_item);
});
这会克隆该行。从克隆项目中选择第一个选择框时,更改不会发生在当前克隆的行上,而是发生在父行上。另外,我无法克隆多次!也尝试将ID替换为类,因为我读取克隆会复制ID然而无济于事。
现在,我如何克隆jquery也能正常工作?我需要改变我的脚本吗?
以下是我的脚本供参考。
FORM
< form action =#method =POSTid =submit_item>
< input type =textname =contract_idvalue =id =contract_id2/>
< table>
< tr>第>组项目第< th>第n>项第< th> Harga< th>< th> Kuantiti< th>度< /&第GT;< / TR>
< tr id =clone_this>
< td>
< option>选择组< /选项>
<?php
$ group = $ agency-> show_all_group();
foreach($ group as $ k => $ v){
?>
< option value =<?php echo $ v ['group_id']?>><?php echo $ v ['group_name']?>< / option>
<?php
}
?>
< / select>
< / td>
< td id =sub_item>
< / select>
< / td>
< td>< input type =textname =hargavalue =id =harga/>< / td>
< td>
< input type ='text'size ='2'value =name ='qty'id ='qty'/>
< / td>
< td>< input type =textname =amountid =amountvalue =/>< / td>
< / tr>
< tr>< td colspan =3>< input type =submitname =submitvalue =Nextid =item_s/>< / td>
< td>< input type =buttonvalue =Add more itemsid =more_items/>< / td>
< / tr>
< / table>
< / form>