javascript - 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());
});