jQuery将输入值绑定到span或div？

Question

如果这是一个新手问题，请原谅。我是新手。

我希望用户用他们的信息填写表单，然后在点击提交之前，有一个详细信息区域摘要，他们确认这些信息的正确输入。

那么我是否可以将特定输入“绑定”到特定的跨度或div并且当它们键入（或者可能是onBlur？）时，跨度将反映出在相应输入中写入的内容???

Answer 1

使用标识为somediv的div填充div，每次按下键时输入ID为inputid的输入：

$('#inputid').keyup(function() {
    $('#somediv').html($(this).val());
});

Answer 2

$('#myFormField').bind('change', function(){
 $('#myTargetSpan').text($(this).val());
});

Answer 3

两个最明显的可能性

1. 使用jQuery Data Link插件，该插件能够将输入元素绑定到其他元素甚至JavaScript对象。可以建立单向或双向链接。

   或

2. 使用此代码更新div

   每次击键

   $("#YourInputID").keyup(function(){
       $("#YourDivID").text(this.value);
   });
   

   用户离开输入时

   $("#YourInputID").blur(function(){
       $("#YourDivID").text(this.value);
   });