PHP/MySQLの/ jQueryの - 新しいdiv要素に設定してテキストエリア

Question

私は現在の入力を設定しますテキストエリアを持っています。しかし、私はデータベーステーブルに入力されたテキストを保存しようとしており、そのテキストをテキストエリアの下のdivに出力しています。私は最も効率的なPHPプログラマではないので、誰かが光を放つことを望んでいます。ここで

は、私はマークアップとJSのために持っているものだ：

<div id="container"> 
    <div id="main"> 
     <div id="top-box">Tell us what you're thinking...</div> 

    <form method="post" action="#"> 
     <p> 
      <label for="boxText"> 
       <textarea id="boxText"></textarea> 
      </label> 
     </p> 
     <p> 
      <input type="submit" name="submit" value="Submit" /> 
     </p> 
    </form> 

    </div><!-- #main --> 
</div><!-- #container --> 

<script> 
    $(document).ready(function() { 

$('textarea').bind('blur', function() { 
    $(this).val(function(i, val) { 
     return val; 
    }); 
    }); 
}); 

</script> 

Answer 1

ですから、textareaからテキストが含まれていtextarea後のdivを追加したいですか？

$('textarea').bind('blur', function() { 
    var $this = $(this); 
    $this.after($("<div />").text($this.val())); 
}); 

textareaを削除してもよろしいですか？また

$('textarea').bind('blur', function() { 
    var $this = $(this); 
    $this.after($("<div />").text($this.val())); 
    $this.val(''); 
}); 

---

、このマークアップが有効であると表示されません

<div id="top-box">Tell us what you're thinking...</p> 

Answer 2

データベースにテキストを保存するための関数がありますか？あなたは、あなたのテキストをデータベースに入れられた後、フォーム、およびecho json_encode($your_messages);を提出するAJAXを使用することができます。そこから、AJAXの成功関数では、あなたはそのデータで必要なことをすることができます。新しいdiv要素を作成するという点で作業を行う