jQuery in HTML onclick

Question

I have code that looks like this:

<?php
    for ($i = 0; $i < count($keyArray); $i++) {
?>
<form action="" method="POST">
    <th>
        <a href="#" onclick="$(this).closest('form').submit()">
        <?php echo $keyArray[$i] ?></a>
    </th>
    <input type="hidden" name="tableHeader" value="<?php echo $keyArray[$i]; ?>">
</form>
<?php } ?>

I'm trying to submit the form through a link. To test the form, I use:

echo "<pre>";
print_r($_POST);
echo "</pre>";

I've tried using a button type submit, and it works. I don't know what's wrong with the jQuery in my onclick, but the info is not being sent.

Maybe the link is put somewhere else (outside the form) because you are generating invalid HTML. A th element cannot be the child of a form element. — Felix Kling
– Felix Kling, Commented Jul 11, 2013 at 19:52
My guess is that $(this).closest('form') is not fetching any form... — aldux
– aldux, Commented Jul 11, 2013 at 19:53
could always HTMLInputElement.form, e.g. onclick="this.form.submit()" — Brad Christie
– Brad Christie, Commented Jul 11, 2013 at 19:54
I also tried giving an id to the form and it didn't work either. Basically what I want to do is sorting the table records when people click on a table header. If I have invalid HTML, what alternative could I be using? — jSmith
– jSmith, Commented Jul 11, 2013 at 19:55

Fabien TheSolution · Accepted Answer · 2013-07-11 19:59:43Z

1

May be if you give an ID to your form and using it in your jQuery command :

<form id="form<?php echo $i ?>" action="" method="POST">
<th><a href="#" onclick="$('#form<?php echo $i ?>').submit()"><?php echo $keyArray[$i] ?></a></th>
<input type="hidden" name="tableHeader" value="<?php echo $keyArray[$i]; ?>">
</form>

answered Jul 11, 2013 at 19:59

Fabien TheSolution

5,0501 gold badge20 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Felix Kling Over a year ago

@jSmith: If this works, then the problem really is your invalid HTML. Just fix the HTML and your code will work as well.

jSmith Over a year ago

Right Felix. I'd chose you as best answer now because this simple modification makes it work. (Simply moving the th's outside the form).

L105 · Accepted Answer · 2013-07-11 20:09:21Z

1

Why you dont just add a submit button instead of an anchor with a jQuery trigger ?

<input type="submit" id="submit-btn" value="<?php echo $keyArray[$i] ?>">

If you want it like an anchor, you can use CSS :

#submit {
    background: transparent;
    color: blue;
}

answered Jul 11, 2013 at 20:09

L105

5,4193 gold badges20 silver badges23 bronze badges

Collectives™ on Stack Overflow

jQuery in HTML onclick

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related