Javascript 用表单输入数据实时填充div

Javascript 用表单输入数据实时填充div,javascript,jquery,forms,html,Javascript,Jquery,Forms,Html,我有一个表单(只有一个字段),我正在填充一些数据。我想让我的Div容器中实时填充我放在那个里的数据。因此,无需刷新,在表单字段中键入一些文本后,我也会在div中得到它。有人知道怎么做吗?JQuery,AJAX?非常感谢您的建议。使用JQuery,您可以非常轻松地做到这一点: $('#textFieldId').bind('change', function (event, previousText) { $('#divId').html($(this).val()); }); 试试看:

我有一个表单(只有一个字段),我正在填充一些数据。我想让我的Div容器中实时填充我放在那个里的数据。因此,无需刷新,在表单字段中键入一些文本后,我也会在div中得到它。有人知道怎么做吗?JQuery,AJAX?非常感谢您的建议。

使用JQuery,您可以非常轻松地做到这一点:

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


当然,您应该使选择器特定于您的实际元素。

您可以将onkeyup事件绑定到输入字段。当事件触发时,您可以抓取字段的内容并对其执行所需操作

这可能是这样的:

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

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

jQuery有一个
textchange
事件?否。哈哈!我正在使用另一个框架,我从那里得到了它。应该是:“改变”
$(selector).keyup(function(e) {
   // find the value of the field
   var text = $(this).val();

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