JavaScript或jQuery动态显示表单输入

Question

很抱歉，如果这是一个愚蠢的问题，但如果我显示一个文本输入字段，在表格单元格中说出your_age，那么想要动态显示用户在其旁边的表格单元格中输入的内容，我该怎么做呢的JavaScript / jQuery的？

例如，如果我输入100，我希望输入字段旁边的表格单元格显示100，而无需单击提交按钮。

任何帮助都会很棒。感谢。

Answer 1

$('#myField').on('keyup', function() {
    $('#myTableCell').text($(this).val());
});

演示：http://jsfiddle.net/seancannon/K8qZ9/7/

Answer 2

您可以使用jQuery的.change()

<input type="text" id="txt_name"  />

<script type="text/javascript">
$(document).ready(function(){
    $("#txt_name").change(function(){
        var blah = $(this).val();
        $('#id_of_cell').val(blah);
    });
})
</script>

Answer 3

$('#input1').keyup(function() {
 $('#input2').val($(this).val());
});