javascript - 将文本区域的值添加到已填充的输入中

Question

我有一个输入，将从 cms 和另一个文本区域预填充: jsFiddle

jQuery('#description_field').on('change', function () {
   var val=jQuery("#description").val();
   jQuery("#description").val(val + ' ' +jQuery( "#description_field" ).val());
});

-

<form>
   <textarea id="description_field" name="description_field"></textarea>
   <input type="hidden" id="description" name="description" value="{{ cms.tag }} <!-- Text of the textarea -->">
</form>

这实际上已经起作用了，但是当用户想要再次更改 textarea 中的文本时，更改会添加到旧 input 文本的末尾这不太好。

我该如何更改代码，使文本与 textarea 始终保持 1:1？

谢谢

Answer 1

您可以更改:

var val=jQuery("#description").val();

至:

var val = jQuery("#description").attr('value');

<强> jsFiddle example