Sending value to form field with jQuery

Question

I want to send a value to the form field with the jQuery. Here's the basic code, it will work fine:

<input id="logo" name="logo" type="text" />

jQuery:

jQuery('#logo').val(imgurl);

However, I need to change the field ID to option[logo]. So I am trying this:

<input id="option[logo]" name="option[logo]" type="text" />

jQuery:

jQuery('#option[logo]').val(imgurl);

This does not work. How this can be fixed?

related to this: http://stackoverflow.com/questions/2364982/jquery-selector-for-inputs-with-square-brackets-in-the-name-attribute — VDP, Jul 31 '12 at 06:48

toniedzwiedz · Accepted Answer · 2012-07-31T07:01:09.680

4

You can't just use [ or ] literally as characters in an attribute/element name in a JQuery selector because they have a special meaning. You have to escape them. Read the documentation here: http://api.jquery.com/category/selectors/

This should work:

jQuery('#option\\[logo\\]').val(imgurl);

edited Jul 31 '12 at 07:01

answered Jul 31 '12 at 06:46

toniedzwiedz

17,895
9
86
131

@user1355300 the pleasure is all mine ;) – toniedzwiedz Jul 31 '12 at 06:50

score 2 · Answer 2 · answered Jul 31 '12 at 06:44

2

add a class to that input and try with below

<input id="logo" class="option" name="option[logo]" type="text" />

jQuery('input.option').attr({
                             "id": "option\[logo\]",
                             "name": "option\[logo\]"
                            });

Working DEMO

answered Jul 31 '12 at 06:44

xkeshav

53,360
44
177
245

$('input.option[id=logo]'); is cleaner – VDP Jul 31 '12 at 06:46

score 2 · Answer 3 · answered Jul 31 '12 at 06:48

2

You need to escape the brackets in the jQuery like this:

$('#option\\[logo\\]').val(imgurl);

answered Jul 31 '12 at 06:48

Jory Cunningham

744
5
6

Sending value to form field with jQuery

3 Answers3