Jquery 从表单实时更新数据

我有一个动态表单，用户可以输入收据数据。我试图克隆他们在一个单独的div上输入的内容，这个div看起来像他们输入的收据。我想显示文本的值并将元素选择到单独的div中

我试图在jquery中实现这一点。有人举个例子吗

编辑

---

问题是我不知道如何获取div id，因为它是动态生成的。

我建议使用keyup事件。假设您这样设置输入字段和div：

<input type="text" id="receipt_no" />
<p>Preview:</p>
<div id="preview"></div>

---

稍后，您可以为receipt_no keyup和其他表单元素的更改事件（如下拉列表）添加一个通用函数，从而使其更加复杂。您只需使用预览所需的所有元素来构建预览文本。

以下是一个简单的示例：

HTML:

---

你具体对什么有意见？您应该能够获取表单元素值，并根据需要将其附加到span或div中，或作为表行。我的问题是表单是动态的。它可以有50个字段，也可以只有2个字段。我不知道在动态生成id时如何获取它。我希望这是有道理的。

$('#receipt_no').keyup(functon () {
    var preview_text = $(this).val();
    $('#preview').html(preview_text);
});

<div id="inputDiv">
<textarea></textarea>
<div>

<div id="previewDiv"><div>

$(function(){
  $("#inputDiv textarea").keydown(function(){
    $("#previewDiv").text($(this).value());
  });
});