Jquery select a input filed from a form using wildcard selector

Question

I would like to select a input field from a form on the fly, which mean, I don't know which form it would be. consider the following code: ( Suppose the input field id is always 'input1' across all forms)

$('[id^=myform]').submit(function(){
   var formId = $(this).attr('id');
   var result = $('#' + formId + ' input#inputl').val();
   ...
});

I am looking for a better solution for my purpose. Is there any?

Considering id has to be unique in a document, just #input1 would do the trick. — James Allardice
– James Allardice, Commented Oct 9, 2011 at 21:34
@muistooshort - Ahh, I see. Undeleted :) It was late and I was half asleep! — James Allardice
– James Allardice, Commented Oct 9, 2011 at 21:43

Clive · Accepted Answer · 2011-10-09 21:39:02Z

1

You'd be better off using the name attribute of the element (having multiple elements with the same ID is invalid in HTML), and making sure those names are kept consistent across forms:

$('[id^=myform]').submit(function(){
  var result = $(this).find('[name="email"]').val();
  ...
});

answered Oct 9, 2011 at 21:39

Clive

1

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

Comments

Keith.Abramo · Accepted Answer · 2011-10-09 21:38:44Z

0

$('[id^=myform]').submit(function(){
   var result = $(this).find('#input1').val();
});

Although like commented above. Ids are supposed to be unique across the entire page so you might need to change the id attribute into a name attribute for all of those input fields.

answered Oct 9, 2011 at 21:38

Keith.Abramo

6,9652 gold badges34 silver badges46 bronze badges

Collectives™ on Stack Overflow

Jquery select a input filed from a form using wildcard selector

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related