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);
});

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

3 个答案: