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

Ste*_*fan 5 jquery

如果这是一个新手问题,请原谅.我是新来的.

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

因此,有可能是我"绑定"的具体投入到具体的跨度或div的和对方输入(或可能的onblur?)跨度将反映什么是写在相应的输入???

Dan*_*man 7

使用id填充div,每次按下键时somediv输入ID为id inputid:

$('#inputid').keyup(function() {
    $('#somediv').html($(this).val());
});
Run Code Online (Sandbox Code Playgroud)


Rob*_*nik 0

两种最明显的可能性

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

    或者

  2. 使用此代码进行更新div

    每次击键时

    $("#YourInputID").keyup(function(){
        $("#YourDivID").text(this.value);
    });
    
    Run Code Online (Sandbox Code Playgroud)

    当用户离开输入时

    $("#YourInputID").blur(function(){
        $("#YourDivID").text(this.value);
    });
    
    Run Code Online (Sandbox Code Playgroud)