jqueryでフォームテキストフィールドにテキストを入力したときに更新する方法

Question

jqueryを使用してテキストフィールドに値を入力すると、スパンが更新されます。 私のフォームフィールドには、 "userinput"という名前のテキストボックスがあり、私は "inputval"というIDのスパンを持っています。 ご協力いただければ幸いです。

Answer 1

UPDATE：あなたは正しい答えとしてこれをマークしたが は、あなたが次のことを試してみてくださいkeyUpイベントではなく、変化イベントまたはKeyDownイベント

$(document).ready(function() { 
    $('input[name=userinput]').keyup(function() { 
     $('#inputval').text($(this).val()); 
    }); 
    }); 

Answer 2

これを試してください。ここで何が起こっているのかを理解してください。

// when the DOM is loaded: 
$(document).ready(function() { 
    // find the input element with name == 'userinput' 
    // register an 'keydown' event handler 
    $("input[name='userinput']").keydown(function() { 
     // find the element with id == 'inputval' 
     // fill it with text that matches the input elements value 
     $('#inputval').text(this.value); 
    } 
} 

Answer 3

$(function() { 
    $("input[name=userinput]").keydown(
     function() { 
     $('#inputval').text(this.value); 
     } 
    ) 
}) 

Answer 4

を使用する必要があることに注意してください最後の文字のためにトリガーするには、もう一度keyup()に電話する必要があります。

$(".editable_input").keyup(function() { 
    var value = $(this).val(); 
    var test = $(this).parent().find(".editable_label"); 
    test.text(value); 
}).keyup();