2012-01-11 49 views
1

我现在有一个文本,将设置输入。但我试图将输入的文本保存到数据库表中,并将该文本输出到textarea下面的div中。我不是最有效率的PHP程序员,所以我希望有人能够阐明一些看法。的PHP/MySQL/jQuery的 - 设置文本区域,以新的div

这里就是我有标记和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> 

回答

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> 
+0

,做创建一个新的div方面的工作,但我需要保存输入textarea的,在创建div。它在我刷新浏览器时仍会重置。这就是为什么我认为我需要将它写入数据库表。另外,我需要texarea在提交输入后重置为空。 – 2012-01-11 02:54:56

+0

哦,那是的 - 你将不得不使用一些Ajax。你需要创建一个PHP行动,并张贴到它,然后阅读值从DB后面的页面加载时。 – 2012-01-11 02:56:24

+0

标记是我的错。忘了改变它。我还没有真正潜入AJAX,我还没有经验丰富的PHP。这应该是有趣的!谢谢您的帮助。 – 2012-01-11 02:59:15

1

哪里是你保存文本数据库的功能?您可以使用AJAX提交表单,并echo json_encode($your_messages);你的文字后,已经投入到数据库中。从那里开始,在您的AJAX成功功能中,您可以随心所欲地处理这些数据。

+0

我还没有设置功能,因为我不确定从哪里开始保存到数据库。我有一些研究要做,但我会用你的建议作为一个路线图。谢谢。 – 2012-01-11 03:01:30