StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJquery function not working a second time after form submitted
primarykey
Id
12053229
data
AcceptedAnswerId
12053394
AnswerCount
1
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2012-08-21T10:45:43.153
FavoriteCount
0
LastActivityDate
2012-08-21T10:57:32.270
LastEditDate
LastEditorUserId
0
OwnerUserId
1573314
ParentId
0
PostTypeId
1
Score
0
ViewCount
4910
LastEditorDisplayName
text
Body
<p>I am submitting a form via a jqery function that's dynamically created with using php and a while loop. The form gets submitted correctly the first time and I generate html and display it using .html(response). I replicate the code so that the function will work again, however it doesn't. When I submit the form a second time (without a page refresh), the form sends me to the action attribute.</p> <p>Is this a limitation of jquery?</p> <p>My code:</p> <pre><code><script type="text/javascript"> $(document).ready(function() { $("#submit<? echo"$counter$counter";?>").click(function() { var action = $("#commentform<? echo "$counter$counter";?>").attr('action'); var form_data = { comment: $("#comment<? echo "$counter$counter";?>").val(), type: $("#commenttype<? echo "$counter$counter";?>").val(), typeid: $("#commenttypeid<? echo "$counter$counter";?>").val(), counter: $("#commentcounter<? echo "$counter$counter";?>").val(), is_ajax: 1 }; $.ajax({ type: "POST", url: action, data: form_data, success: function(response) { $("#commentarea<? echo"$counter$counter";?>").html(response); } }); return false; }); }); </script> </code></pre> <p>My form that's on the same page as the script I am running:</p> <pre><code><div class="postcommentscomment" style="size:10px; font-family:Verdana, Geneva, sans-serif;"> <form action="php/comment.php" id="commentform<? echo "$counter$counter";?>" method="post" name="comment" target="_self"> <textarea id="comment<? echo "$counter$counter";?>" style="width:162px; height:24px; color:#827e78; font-size:10px;">comment here</textarea> <div style="float:right; position:relative; margin-top:5px;"> <input id="commenttype<? echo "$counter$counter";?>" type="hidden" value="<? echo $type;?>" /> <input id="commenttypeid<? echo "$counter$counter";?>" type="hidden" value="<? echo $id;?>" /> <input id="commentcounter<? echo "$counter$counter";?>" type="hidden" value="<? echo "$counter$counter";?>" /> <input id="submit<? echo"$counter$counter";?>" type="button" value="comment"/> </div> </form> </div> </code></pre> <p>My form on the html(response) page via the action attribute</p> <pre><code><div class="postcommentscomment" style="size:10px; font-family:Verdana, Geneva, sans-serif;"> <form action="php/comment.php" id="commentform<? echo "$counter";?>" method="post" name="comment" target="_self"> <textarea id="comment<? echo "$counter";?>" style="width:162px; height:24px; color:#827e78; font-size:10px;">comment here</textarea> <div style="float:right; position:relative; margin-top:5px;"> <input id="commenttype<? echo "$counter";?>" type="hidden" value="<? echo $type;?>" /> <input id="commenttypeid<? echo "$counter";?>" type="hidden" value="<? echo $id;?>" /> <input id="commentcounter<? echo "$counter";?>" type="hidden" value="<? echo "$counter";?>" /> <input id="submit<? echo"$counter";?>" type="button" value="comment"/> </div> </form> </div> </code></pre> <p>NOTE: The counter php variable is set such that $counter on the html(response) page produces an equivalent result as $counter$counter on the original page.</p> <p>So, I submit a comment, the comment gets inserted into the database, then a query is run, a form is reproduced and displayed on the original page via html(response). When I then try to submit a new comment I get redirected to the action page. I stopped that by changing "submit" to "button", but that doesn't give me the result I want -- which is to be able to submit the form again.</p> <p>Not sure if this is a jquery limitation or a problem with my code.</p> <p>Also, the comments are on a page that has may different posts. So multiple comment forms. If there is a better way to execute a ajax refresh of the comments for a specific post, I am open to changing code.</p>
Tags
<jquery><ajax><comments>
Title
Jquery function not working a second time after form submitted
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USShaun Wright
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COAll that inline PHP and all those lines without indentation make it pretty hard to help you. I suspect is also make it hard for yourself to spot any possible errors.
  singulars
  PostPostId
  POJquery function not working a second time after form submitted
  UserUserId
  USPeeHaa

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.