Getting a specific input from a specific form?

Question

I'm having difficulty grabbing a specific input from a specific form. Any tips?

<form id ="frm_addtag-1">
    <input type="text" name="tag" id="tag">
</form>

<form id ="frm_addtag-2">
    <input type="text" name="tag" id="tag">
</form>

<form id ="frm_addtag-3">
    <input type="text" name="tag" id="tag">
</form>

If frm_addtag-1 is submitted, I only want to grab the tag input from that form and not the other forms.

When I do something like the below, it will return the tag inputs from any other the forms regardless of which form is submitted.

var tag = $("#tag");
var tag = tag.attr("value");

Rob W · Accepted Answer · 2011-10-02 17:34:22Z

2

IDs should be unique.

After changing the IDs, use .val() to get the value of an element.

Besides, when you submit a form, only the elements WITHIN that form are added to the request.

answered Oct 2, 2011 at 17:34

Rob W

350k87 gold badges811 silver badges683 bronze badges

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

Comments

vzwick · Accepted Answer · 2011-10-02 17:42:15Z

1

You cannot have multiple elements with the same ID on the same page. Why not do something like this:

<form id ="frm_addtag-1">
    <input type="text" name="tag1" id="tag1">
</form>

<form id ="frm_addtag-2">
    <input type="text" name="tag2" id="tag2">
</form>

<form id ="frm_addtag-3">
    <input type="text" name="tag3" id="tag3">
</form>

And this to get the value:

$('form').bind('submit', function(e){ // when any form on the page is submitted
    e.preventDefault(); // prevent the actual submit so the browser won't leave the current page
    var tag = $('input[name^="tag"]', this).val(); // the value of an input element whose name attribute starts with "tag" and that is a child of the current form
});

edited Oct 2, 2011 at 17:42

answered Oct 2, 2011 at 17:36

vzwick

11.1k5 gold badges47 silver badges63 bronze badges

Collectives™ on Stack Overflow

Getting a specific input from a specific form?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related