javascript - 如何根据表单输入中输入的内容更改 Div 的值

Question

我知道是否要根据用户在另一个输入中键入的内容来更改表单上输入的值:

$('#inputName').change(function() {
    $('#inputURL').val($('#inputName').val());
});

但我希望拥有它，这样当有人在输入中键入内容时，它就会用文本更新 Div。他们在 IE 中输入#inputName，就会发生这种情况:

<div id="personsName"> text appears here as they type</div>

我是如何做到这一点的？当我将 #inputURL 更改为 #personsName 时，我不起作用:(

Answer 1

change事件仅在离开文本字段时触发，因此使用 keypress相反，如果您确实想“更新在文本字段中输入的文本”。 .val仅适用于实际具有值的表单元素(例如 <input> 和 <textarea> 元素)。在所有其他情况下，您需要 text修改文本的方法。

$("#inputName").keypress(function () {
    $("#personName").text(this.value);
});

您可以在此处测试此代码:http://jsfiddle.net/ntBnA/