添加到HTML页面的文本框

Question

我正在尝试创建一个文本框，当键入它时会自动在框下方添加该文本。我知道这听起来有点无意义，但我真的需要这个，无法弄清楚如何做到这一点。我将非常感谢所有的帮助。我遇到过

**HTML**

<input name="name" id="name" />
**jQuery**

$("#name").change(function() {
$("#idOfPElementWhichYouWantToEdit").text($(this).val());
});

但它对我不起作用我已经尝试过了。 谢谢！

Answer 1

不要使用change事件，请尝试输入keyUp事件。

http://api.jquery.com/keyup/

在输入失去焦点之前不会触发更改事件，这就是为什么它不会随时更新。

Answer 2

您的代码按预期运行（请参阅此jsFiddle）。

一些提示。使用DOM元素时，请确保将jQuery代码包装在DOMReady事件周围。您可以使用$(function() { });快捷方式，如下所示：

$(function() {  
    $("#name").change(function() {
        $("#idOfPElementWhichYouWantToEdit").text($(this).val());
    });
});

还应该告知，change()仅在input元素模糊（即失去焦点）时触发。对于“实时”更改，请考虑使用keyup()，如下所示：

$(function() {  
    $("#name").keyup(function() {
        $("#idOfPElementWhichYouWantToEdit").text($(this).val());
    });
});

您可以在此jsFiddle

中查看上述内容