2013-12-10 42 views
-1

您如何制作这样的功能,当您在输入或提交时将任何内容输入到文本框中时,您输入的内容显示在文本框下。文本框然后会清除,以便您可以编写更多内容,例如Facebook上的评论功能?来自文本框的Javascript变量

我不希望它是一个弹出窗口。

谢谢。

<!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> 

回答

0

它看起来像你只需要使用+=而不是+,追加新的文本,而不是每次都覆盖内容...

0

我不知道,如果这是一个复制/粘贴错误,但也有不少误区:

  • 您不能分割你的JavaScript像
  • 使用+=代替+

    功能myFunction的(){
    var x; 
        var person=prompt("Please enter your name"); 
        if (person!=null) 
    
        x="Hello " + person; 
        document.getElementById("demo").innerHTML += (x + "</br>"); 
    } 
    
0

您可以使用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(''); 
    } 
});