Question

如何在输入或提交时在文本框中输入任何内容时，您输入的内容会显示在文本框下方。然后文本框会清除，以便您可以编写更多内容，例如Facebook上的评论功能？

我不希望它成为弹出窗口。

感谢。

<!DOCTYPE html>
<html>
<body>


<input onclick="myFunction()" type="text">

<script>

function myFunction()

{

var x;

var person=prompt("Please enter your name");

if (person!=null)



</script>
<p id="demo">

<script>
function myFunction()

{
x="Hello " + person;
document.getElementById("demo").innerHTML=x;
}
}
</script>

</body>
</html>

Answer 1

看起来您只需要使用+=代替+来附加新文本，而不是每次都覆盖内容......

Answer 2

我不知道这是否是复制/粘贴错误，但是存在很多错误：

你不能像那样分割你的javascript

使用+=代替+

function myFunction（）{

    var x;
    var person=prompt("Please enter your name");
    if (person!=null)

    x="Hello " + person;
    document.getElementById("demo").innerHTML += (x + "</br>");
}

Answer 3

你可以使用jQuery，看看最简单的example，这里是代码的一部分：

$('input').on('keyup', function (e) {
  if ((e.keyCode || e.which) == 13) { 
     // if enter pressed - get text 
     var text = $(this).val();
     // append
     $('div').append('<p>' + text + '</p>');
     // and clear the field
     $(this).val('');
  }
});

来自文本框的Javascript变量

3 个答案: