Question

我创建了一个页面index.php，用户点击＆＃34;回复＆＃34;，在结果评论框中添加文字（＆＃34;那么你的想法＆＃34;）和点击＆＃34;评论＆＃34;。此文本发布在下面的框中。我遇到的问题是，如果＆＃34;回复＆＃34;在评论框中输入文本并且＆＃34;评论＆＃34;多次单击按钮。单击，文本将输入下面的框（和数据库）相应的次数。我无法看到解决这个问题的方法。请参阅下面的代码 - 有一个通用的connect.php文件，我不打算添加。提前谢谢。

的index.php

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <link rel="stylesheet" type="text/css" href="css.css">
    <head>
        <title>Comment</title>
        <script type="text/javascript"                      
        src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script>
            $(document).ready(function() {
                $(".loader").load('index2.php');

        $(document).on('click', '.clicker', function(){

   var name = ($('.clicker').attr('id'));

  $('#1').show();
  $('.mydiv1').val("So what's on your mind?");

  $('.mydiv1').focus(function(){
$(this).filter(function(){
return $(this).val() == "" || $(this).val() == "So what's on your mind?"
}).val("").css("color","#000000");
});
$('.mydiv1').blur(function(){
$(this).filter(function(){
return $(this).val() == ""
}).val("So what's on your mind?").css("color","#808080");
});

$('.comment3').click(function(){

var status=$('.mydiv1').val();
//alert(status);
var DATA = 'status=' + status;

$.ajax({
type: "POST",
url: "update.php",
data: DATA,
cache: false,
success: function(DATA){
$('.mydiv6').prepend(DATA);
$('.mydiv1').val("So what's on your       
mind?").css("color","#808080").css("height","30px");
}
});
});
});
});
        </script>
    </head>
    <body>
        <div class="loader"></div>
    </body>
</html>

index2.php

<?php
        echo "<div class='master'>";
        echo "<div class='comment' id=1>";
        echo "<textarea class='mydiv1'></textarea>";
        echo "<button class='comment3'>Comment</button>";
        echo "</div>";
        echo "<div class='comment2' id=2>";
        echo "<textarea class='mydiv6'></textarea>";
        echo "<button class='comment'>Comment</button>";
        echo "</div>";
        echo "<div class='mydiv2'>DIV 2</div>";
        echo "<div class='mydiv3'>DIV 3</div>";
        echo "<div class='mydiv4'>DIV 4</div>";
        echo "<div class='mydiv5'>DIV 5</div>";
        echo "<button class='clicker' id='1'>Reply</button>";
        echo "</div>";
    ?>

update.php

<?PHP
include('connect.php');

$status=$_POST['status'];

$status = stripslashes($status);

$status = strip_tags($status);


$insert_status = mysql_query('INSERT INTO `test` (`id`, `status`) VALUES ("",               
'.$status.'");');
$me = mysql_query("SELECT * FROM test");


while($row=mysql_fetch_array($me)){

$status=$row['status'];

}


$status = wordwrap($status, 80, "\n", true);

$status=nl2br($status);

echo "$status\n";
?>

css.css：

comment{
display: none;
}
.clear{
clear:both;
}

JQuery comment-reply意外地插入了多个值

0 个答案: