Вывести текст из input в поле <p>?

191
03 августа 2018, 21:50

Как вывести текст из input в другой блок или параграф ?

Answer 1

$('.pole').keyup(function() { 
  var val = $('.pole').val();//Получаем данные из input 
  $('.txt').html(val);//Вставляем значение в тег с классом txt 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input class="pole" type="text"> 
<p class="txt"></p>

Answer 2

Вот решение на чистом JS

function input() { 
  var input_taker = document.getElementById('input').value; 
  document.getElementById('block').innerHTML = input_taker; 
}
<input type="text" id="input" onkeyup="input()"> 
<p id="block"></p>

Answer 3

Как вывести текст из input в другой блок или параграф ?

var input = document.querySelector('input') 
// Вешаем обработчик события на инпут 
input.addEventListener('keyup', function(e) { 
  // Выбираем р 
  var p = document.querySelector('.res') 
  p.textContent = e.target.value 
})
<input type="text" name="w"> 
<p class='res'> 
<!-------- Выводим --------> 
</p>

П.С. Для полного набора в коллекцию

Answer 4

Еще есть такой вариант!

$('.pole').on('input', function() { 
  var val = $('.pole').val();//Получаем данные из input 
  $('.txt').html(val);//Вставляем значение в тег с классом txt 
$('.txt').val(val); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input class="pole" type="text"> 
<p class="txt"></p> 
<a class="txt"></a><br> 
<span class="txt"></span><br> 
<input type="text" class="txt">

Answer 5

Тег output определяет область в которую выводится информация

Похоже последний вариант для коллекции:

<form oninput="result.value=text.value"> 
  <p><input type="text" name="text" autofocus></p> 
  <p><output name="result"></output></p> 
</form>

READ ALSO
Фильтрация slick slider подобно фильтрации isotop

Фильтрация slick slider подобно фильтрации isotop

Есть такой слайдер (использую slick slider):

201
Неправильное сравнение дат в jQuery

Неправильное сравнение дат в jQuery

Есть два инпута (datetime-local) - from и to, в который пользователь вводит временной промежуток, например: от (from) 2006

205
C# передать Label в UserControl

C# передать Label в UserControl

помогите пжл кто чем сможет :) Есть форма авторизации

205