Using jQuery, how do I detect which <input type='image> was clicked in a form with multiple submit images?

Question

Let's say we have this form:

<form>
  <input type="text" name="some_name" value="val" id="some_name">
  <input type="image" value="action" alt="Add To Cart" name="add" src="/images/submit.gif">
  <input type="image" value="action" alt="Shop some more" name="return" src="/continue_shopping.gif">
</form>

How do I find the input that submitted the form?

Answer 1

You could add IDs to your different input items :

<input id="SomeName" type="text" name="some_name" value="val" id="some_name">
<input id="AddCart" type="image" value="action" alt="Add To Cart" name="add" src="/images/submit.gif">
<input id="Return" type="image" value="action" alt="Shop some more" name="return" src="/continue_shopping.gif" />

And then, in your jQuery, access the events with

    $("#Return").click(function(){
    //do your stuff
    });