CODEWITHSUNDEEP
jqueryjquery-selectors
jatanp
jatanp

Reputation: 4102

JQuery selector logic fails if id has '.' in the value. Any solution?

I am using Spring Forms for my web application. For nested properties, the form tag generates the input elements having id / name in form of .

For example, Person is the command class and Address is contained into its address field then the city element would be,

<input type="text" id="address**.**city" name="address**.**city" />

now, the problem is whenever I try to get its value using jQuery,

$("#address.city").val();

jQuery fails to select any appropriate element !

Please let me know any solution.

Thanks in advance.

Upvotes: 6

Views: 1989

Answers (2)

redsquare
redsquare

Reputation: 78677

$('[id="address.city"]')

will also work

Upvotes: 6

nickf
nickf

Reputation: 546243

Try this:

$("#address\\.city").val();

From the documentation:

Note: if you wish to use any of the meta-characters described above as a literal part of a name, you must escape the character with two backslashes (\). For example: 

#foo\\:bar
#foo\\[bar\\]
#foo\\.bar

Upvotes: 17

Related Questions