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