PHP / MySQL / jQuery - 将textarea设置为新的div

时间:2012-01-11 02:46:19

标签: php jquery mysql

我目前有一个设置输入的t​​extarea。但我试图将输入的文本保存到数据库表中,并将该文本输出到textarea下面的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>

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

将文本保存到数据库的功能在哪里?您可以使用AJAX提交表单,并在文本放入数据库后使用echo json_encode($your_messages);。从那里,在您的AJAX成功函数中,您可以使用该数据执行任何操作。