是否可以在Cloned DIV中实时克隆输入字段值？如何？

Question

我有一个克隆的div，它有输入字段和下拉列表。问题是，当输入信息时，克隆不会在不刷新浏览器的情况下更新。我希望克隆在keyup或更新时更新。它是克隆的div会带走正常的解决方案。

这是否可以实现？

已更新以及如何？

$(function(){
    var $dataAreaClone = $('.information_entry').clone();
    $('.read_only_data_area_C').html($dataAreaClone);
});

Answer 1

我在小提琴中做了一个基本的例子。输入一个主文本输入将使用keyup更新您创建的克隆数：http://jsfiddle.net/3mW8u/

Answer 2

简答：是的。

是的，我知道我可以把它放在评论中，但它完全回答了这个问题。 ：））

编辑：您可以添加一个侦听器，只需复制新div上的值。

要添加侦听器，您可以执行以下操作：

$('#mainInput').onkeyup(function(el){

     // Update values here
     $('.clonedInput').each(function(subEl){subEl.value = el.value;});

})

注意：为简单起见（在示例中）我认为主输入具有id，并且克隆的输入具有相同的类。