2013-12-10 43 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(''); 
    } 
});