jQuery使用输入值填充Div ID

时间:2018-12-28 10:55:21

标签: jquery html css

我有以下jQuery;

$(document).ready(function(){ 
$("#q24").on('keypress change', function(event) {
       var data=$(this).val();
       $("#line1").text(data);
});  
});

(据我所知),应该取一个名为“ q24”的单行输入字段的值,并将该文本放入id为“ line1”的div中。取而代之的是,当q24用地址的第一行(或其他任何内容)填充时,div内的文本变为“ 0”而不是空白。here's the result

1 个答案:

答案 0 :(得分:0)

 $(document).ready(function(){ 
    $("#q24").on('keypress change', function(event) {
           var data=$(this).val();
           $("#line1").text(data);
    });  
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
    Address:
    <div id="line1">

    </div>
    <input type="text" id="q24"/>
    
</body>