Question

JS：

$( '.copydump' ).click(function(){
    var cp = $('.copy');

    $('.bin').html( $(cp).html() );
});

HTML

<div class="copy">
    <textarea class="textarea">cows</textarea>
</div>
<input type="button" class="copydump" value='go'/>
<div class="bin"></div>

我需要获取一些动态内容的完整副本，但需要使用表单元素的新值。

以上js只会在加载时移动表单，即旧表单值。在this jsFiddle中，如果您更改了“奶牛”的内容。然后按＆＃39;去＆＃39;你会明白我的意思。

我知道我可以在移动内容之前查询textarea的值，但有没有人知道jQuery中的自动方式来执行此操作？

Answer 1

要将复制的文本框的值设为您想要的其他内容.val()

$('.bin').html( $(cp).html() ).find('textarea').val(cp.find('textarea').val());

Answer 2

键入文本区域的内部文本时不会更新。你可以编写一个函数来更新它，如果这是你想要它做的。

然后当你复制html时，它将获得textarea的更新html。

// function that will updated the text area's innerHTML every time the value of the text changes.
$('.textarea').change(function () {
    $(this).html($(this).val());
});

Updated Fiddle

jQuery没有返回编辑过的HTML

2 个答案: