jQuery克隆输入字段,然后是镜像值

jQuery克隆输入字段,然后是镜像值,jquery,forms,Jquery,Forms,我有一个巨大的定制产品选项生成器表单,其中包含很多if/else依赖项。在这种表单中,onclick会克隆一个输入字段并将其追加到表单的末尾。 当用户编辑克隆字段时,应使用它更新原始字段。 我已经把所有的工作都做好了,除了克隆值 这是用于克隆的代码 var getQtyInput = $('input.option-qty', getItemParent); var getQtyOriginal = getQtyInput.attr('id'); $(getQtyInput).clone().

我有一个巨大的定制产品选项生成器表单,其中包含很多if/else依赖项。在这种表单中,onclick会克隆一个输入字段并将其追加到表单的末尾。 当用户编辑克隆字段时,应使用它更新原始字段。 我已经把所有的工作都做好了,除了克隆值

这是用于克隆的代码

var getQtyInput = $('input.option-qty', getItemParent);
var getQtyOriginal = getQtyInput.attr('id');

$(getQtyInput).clone().attr('id','cloneqty').appendTo('.pub-form-hook');    
第一个变量是输入字段元素本身,第二个是原始ID。 然后克隆inputfield,更新克隆字段的ID。到目前为止还不错

在此之后,要克隆我尝试的值,请执行以下操作:

$('#cloneqty').bind('keypress keyup blur focus', function() {
    $('#'+getQtyOriginal).val($(this).val());
});
我通过新ID选择克隆字段,并使用原始ID的变量将它们绑定在一起。从理论上讲,这是可行的,但我的克隆字段似乎没有在脚本中找到

每当我尝试在cloneqty字段上记录任何操作时,都没有得到响应。我认为这是因为该字段是在脚本中的其他地方创建和克隆的,因此在同一脚本中进一步调用它是不可能的,因为它还不存在


克隆是在jQuerydocument.readyfunction$函数中完成的。我尝试从jQuerydocument.readyfunction$内的克隆字段中获取一个console.log,该字段位于jQuerywindow.bindload函数上,位于脚本根目录中的任何函数之外;到目前为止运气不好

您克隆的输入已创建,但其绑定事件未注册,因为您在document.ready中声明了这一点。您可能需要使用重载克隆方法,请参阅文档。因为您希望维护事件。此外,还有一些类似的内容:$getQtyInput.clonetrue、true.attr'id'、'cloneqty'.appendTo'.pub form hook';可悲的是,没有用。但我真的不需要维护事件,因为我关心的是它是一个全新的领域,只要它在正确的时间出现在正确的地方,并反映输入。但这给了我一个主意,等等!谢谢橡皮鸭;您克隆的输入已创建,但其绑定事件未注册,因为您在document.ready中声明了这一点。您可能需要使用重载克隆方法,请参阅文档。因为您希望维护事件。此外,还有一些类似的内容:$getQtyInput.clonetrue、true.attr'id'、'cloneqty'.appendTo'.pub form hook';可悲的是,没有用。但我真的不需要维护事件,因为我关心的是它是一个全新的领域,只要它在正确的时间出现在正确的地方,并反映输入。但这给了我一个主意,等等!谢谢橡皮鸭;