Question

I’m attempting to run a function on sumbit of a reply form on my website.
These forms are created by Javascript after the page load, so the Jquery is using a live function to react to the click of the “.replyformsubmit” class of button.

I need the script to record the input values of the form, but it seems unable to do so.

Currently the ID of the form which houses the button is found, but using it to try and find the input values seems fruitless, it’s probably a school boy error but I can’t seem to suss it.

Any help would be great.

The Jquery:

$(".replyformsubmit").live("click", function(){

var curform = $(this).closest('form').attr('id');//what form is the current one?


var comment = $('#' + curform + ' >  input[name=comment]"').val(); //comes out as undefined
var replyingSerial = $('#' + curform + ' >  input[name=replyingSerial]"').val(); //comes out as undefined

...

The script seems unable to find what comment and the replyingSerial are.

The HTML for a standard example form is:

<form action="com.php" method="post" id="replyform_quickreply_1345291318.6107" class="replyform">
<textarea name="comment" type="text" id="commenttextquickreply_1345291318.6107">
</textarea>
<br>
<input type="submit" value="send!" class="replyformsubmit">
<input type="hidden" style="visibilty: hidden;" name="replyingSerial" value="1345291318.6107"></form>

Answer 1

A couple of things. Comment is a textarea, not an input, so if you want to find it you need to use textarea[name=comment].

Second, you can use parent() and find to make your code a little cleaner:

$(".replyformsubmit").on("click", function(){
   var parent = $(this).parent();
   var comment= parent.find("textarea[name=comment]");
    alert(comment.val());
});​