添加到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/

在输入失去焦点之前，不会触发change事件，因此，它不会随着您的进行而更新。

Answer 2

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

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

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

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

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

您可以在此jsFiddle上看到以上内容