Как обновить диапазон, когда текст вводится в текстовое поле формы с помощью jquery

Question

Я бы хотел обновить диапазон, когда значение вводится в текстовое поле с помощью jquery. Мое поле формы имеет текстовое поле с именем «userinput», и у меня есть диапазон с идентификатором «inputval». Любая помощь будет принята с благодарностью.

Answer 1

UPDATE: хотя вы отметили это как правильный ответ, обратите внимание, что вы должны использовать событие keyup, а не событие change или keydown

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

Answer 2

Попробуйте следующее, вам нужно снова позвонить keyup(), чтобы вызвать последний символ:

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

Answer 3

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

Answer 4

Попробуй это. Убедитесь, что вы понимаете, что здесь происходит.

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