[jQuery] multiple selects, hiddens and text inputs with same name
For reasons I won't go into here I have a page which has a table with
a variable amount of rows. Each row has a hidden, text, and select.
They all have the same name. I also have other selects on the page
with different names.
What I need to do is access only the selects, to be able to add and
remove options. So I need to know how many selects with the name "foo"
are on the page
I have tried this:
jQuery("select#foo")
which simply returns [Object object]. If I do this:
jQuery("select#foo").length
it returns 0 which is not true. When I load the page I have 2 selects
already. So if I do this:
jQuery("select#foo").text()
it returns white space. And
jQuery("select#foo").val()
returns undefined.
I have also tried stuff like
jQuery("select#foo[0]").val()
but nothing seems to work. Since uses can dynamically add rows to the
table (and with each one a hidden, text input and select) I need to 1)
know how many selects with a given id/name there are and 2) be able to
manipulate the values in each one.
How can I do this?
Thanks!