Question

I have a few images on a page. Each image has an id value assigned. I need to get image id, pass it into a form and submit that form when the image is clicked.

<IMG SRC="img1.gif" id="var1">
<IMG SRC="img2.gif" id="var2">

<form method="post" id="myForm" action="thisPage.php">
<input type="hidden" name="myID">
</form>

How do I pass the value from image into form?

Now, I do know I can use ajax with jQuery, but in this case I actually need to submit to this page and reload it after submitting.

Answer 1

still you can use jQuery without ajax.

$(function() {
    $('img').click(function() {
        $('[name=myID]').val($(this).attr('id'));
        $('#myForm').submit();
    });
});

see demo. http://jsfiddle.net/gwgCH/3/