Заполнение div в реальном времени входными данными формы

Question

У меня есть форма (только одно поле), которую я заполняю некоторыми данными.Я хотел бы, чтобы мой контейнер Div заполнялся данными, которые я помещал туда в режиме реального времени.Поэтому не нужно обновлять, после того как я введу какой-то текст в поле формы, я получу его и в div.Кто-нибудь знает, как это сделать?JQuery, AJAX? Любой совет приветствуется.

Answer 1

var div = $('div')[0];

$('input').bind('keyup change', function() {
    div.innerHTML = this.value;
});

Попробуйте: http://jsfiddle.net/H6P2z/

Конечно, вы должны сделать селекторы специфичными для ваших реальных элементов.

Answer 2

С помощью jQuery вы можете сделать это очень легко:

$('#textFieldId').bind('change', function (event, previousText) {
    $('#divId').html($(this).val());
});

Answer 3

Вы можете привязать событие onkeyup к полю ввода. Когда событие срабатывает, вы можете захватить содержимое поля и делать с ним все, что хотите.

Это может выглядеть так:

$(selector).keyup(function(e) {
   // find the value of the field
   var text = $(this).val();

   // do something with it
   $(yourDivSelector).html(text);
});