表示後にコンテンツが消える

Question

私のWebアプリケーションでチャット機能のコーディングを開始しています。私が望むのは、ユーザーが送信ボタンを押した後で、彼らがチャット部門に即座に表示されるテキストです。

私はこの機能を実行するためにjQueryを使用していますが、コンテンツを表示した後すぐに消えてしまうことがわかりました。私は何か見落としてますか？

<script type="text/javascript"> 
    function Send() { 

     var original = $('#contentDIV').html(); 
     var text = $("[id$='TextBox1']").val(); 
     $('#contentDIV').html(original + "<br />" + text); 
    } 
</script> 


<div id="contentDIV" style="height:400px;overflow:auto"> 

</div> 

<input name="TextBox1" type="text" id="TextBox1" style="width:400px;" /> 


<input type="button" name="Button1" value="Button" onclick="Send();__doPostBack('Button1','')" id="Button1" /> 

Answer 1

でなければなりません。私はJSを妨げにしました。

http://jsfiddle.net/eTRRP/

$("#chat").click(function() { 
    Send(); 
}); 

function Send() { 
    var text = $("#TextBox1").val(); 
    $('#contentDIV').append(text + "<br />"); 
} 
<div id="contentDIV" style="height:400px;overflow:auto"> 
</div> 

<input name="TextBox1" type="text" id="TextBox1" style="width:400px;" /> 
<input type="button" name="Button1" value="Button" id="chat" /> 

、しかし、あなたはASPヘルパーの問題:)

Answer 2

var original = $（ '＃contentDIV'）.html（）;トリックを行う必要がありますが、あなたはまた、APPENDを使用することができます。

$('#contentDIV').append("<br />" + text); 

Answer 3

それはこれが動作しているようだ

var original = $('#contentDIV').html(); 
    var text = $("[id$='TextBox1']").val(); 
    $('#contentDIV').html(original + "<br />" + text); 

または

var text = $("[id$='TextBox1']").val(); 
    $('#contentDIV').append("<br />" + text); 

Answer 4

を持っているかのように、あなたがそのすべてのクライアント側の変更を失うので、あなたの__doPostBack('Button1','')機能は、おそらくページを更新サウンズあなたはちょうど作った。