Как вывести текст из input
в другой блок или параграф ?
$('.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>
Вот решение на чистом 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>
Как вывести текст из 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>
П.С. Для полного набора в коллекцию
Еще есть такой вариант!
$('.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">
Тег output
определяет область в которую выводится информация
Похоже последний вариант для коллекции:
<form oninput="result.value=text.value">
<p><input type="text" name="text" autofocus></p>
<p><output name="result"></output></p>
</form>
Оборудование для ресторана: новинки профессиональной кухонной техники
Частный дом престарелых в Киеве: комфорт, забота и профессиональный уход
Есть два инпута (datetime-local) - from и to, в который пользователь вводит временной промежуток, например: от (from) 2006