Jquery loop after click

Question

I'm using Jquery to submit a form. I want to loop through the form after the user clicks on a submit button to get the select option. There are many different select fields. The select options are generated using PHP.

A sample of the HTML:

<select id="selectHome_1">
 <option></option>
</select>

<select id="selectHome_2">
  <option></option>
</select>

<inpupt type="submit" id="update" />

The JQuery

$("#update").click(function() {        
   //Loop through all select fields
   $("input[id^='selectHome_']").each(function(){
  //Production code will do other things        
     alert('test');//Test to see if it works...
   });
});

The code that searches for id=selectHome_ is not working (the alert box never shows).

Any ideas would be greatly appreciated.

Cheers!

Sampson · Accepted Answer · 2010-01-22 21:53:03Z

3

You forgot your : infront of input:

$(":input[id^='selectHome_']").each();

http://api.jquery.com/input-selector/

answered Jan 22, 2010 at 21:53

Sampson

269k76 gold badges546 silver badges570 bronze badges

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

Comments

parserr · Accepted Answer · 2010-01-22 21:55:54Z

2

use

$("select[id^='selectHome_']")

and test with

alert($("select[id^='selectHome_']").length)

answered Jan 22, 2010 at 21:55

parserr

7291 gold badge5 silver badges15 bronze badges

2 Comments

Sampson Over a year ago

+1 Excellent. Much better now :) Thank you for handling correction in such a good way.

Matt Over a year ago

Thanks for the tip on testing by checking the length.

Collectives™ on Stack Overflow

Jquery loop after click

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related