$（this）.data（“value”）没有使用$ .post传递值

Question

My form

<div class="replymsg">
<form class="mainform" action="reply.php" method="POST">    
<textarea class="replytext" ></textarea>
<button data-value="<?php echo $id; ?>"       
class="replybutton">Submit</button>
</form>
</div>

$id comes from a MYSQL database. The following "test" code gives me the id of the reply form using Jquery:

<script>
$(".replybutton").click(function(){
alert($(this).data("value"));
});
</script>

Value of commentid :id is not passed when I use "actual" code for the website as follows (reply:replytext ... sends message is working):

<script>
$(document).ready(function(){
$(".replybutton").click(function(){
var id = $(this).data("value");
var replytext = $(".replytext").val();
$.post("reply.php",{ commentid: id, reply: replytext },function(data){
$("#result").html(data);    
    });
  });
}); 
</script>

Any ideas,any help is appreciated?

Answer 1

$(document).ready(function(){
$(".replybutton").click(function(e){
  e.preventDefault();
var id = $(this).data("value");
var replytext = $(this).prev().val();    
$.post("reply.php",{ commentid: id, reply: replytext
},function(data){
$("#result").html(data);    
     });
   });
});

Thanks for the help,I figured it out,my problem was sending Id and replytext in a comment/reply system when clicking replybutton. Working code above.