如何用父元素的函数一起克隆一行输入? [英] How to clone a row of inputs with the parent element's function together?

查看:87
本文介绍了如何用父元素的函数一起克隆一行输入?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个两行的小桌子。在第一行中,我有5列。首先是显示组名称的选择框。当其中任何一个被选中时,第二个选择框与项目列表匹配所选组的值将出现在下一列中。在第三栏中,我有价格的文本框。后面跟另一个数量的文本框。当价格和数量加在一起时,总数就会出现在最后一列。在第二行中,我有一个提交按钮,在点击时提交表单。这些工作完全正常。

现在,我打算允许用户动态添加更多第一行,以便他们可以提交多个项目!为此,我需要在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>

< / 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>



登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆