0

Необходимо захватить текст из input и вставить его в span. Ранее использовал функцию

$(function(){
    var $foo = $('#foo');
    var $bar = $('#bar');
    function onChange() {
        $bar.val($foo.val());
    };
    $('#foo')
        .change(onChange)
        .keyup(onChange);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="foo" />
<input id="bar" />

Но это работает только для вставки в input. Как взять значение из <input id="foo" /> и вставить его в <span id="bar"></span> ? При этом копирование должно быть моментальным сразу после ввода символа

1 ответ 1

2

$(function() {
  var $foo = $('#foo');
  var $bar = $('#bar');

  function onChange() {
    $bar.text($foo.val());
  };
  $('#foo')
    .change(onChange)
    .keyup(onChange);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="foo" />
<span id="bar"></span>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.