Target input field by name using jQuery

Question

I have an input field that looks like this:

<input type="hidden" name="submitted[event_email]" value="">

I was trying to change the value of it and tried this:

jQuery('submitted[event_email]').val('test');

I would like to target it by the name, but i am not sure what i did wrong. Would anyone be able to help?

Your selector is targeting an element of type 'submitted' with attribute event_email setted, you need to target name attribute — A. Wolff
– A. Wolff, Commented Mar 13, 2014 at 14:15

Felix · Accepted Answer · 2014-03-13 14:13:00Z

7

You need to use attribute equals selector [name="value"]

Also from the docs:

To use any of the meta-characters ( such as !"#$%&'()*+,./:;<=>?@[]^`{|}~ ) as a literal part of a name, it must be escaped with with two backslashes: \\

So you can do:

jQuery('input[name="submitted\\[event_email\\]"]').val('test');

But actually you don't need to escape the [ ] here since it's wrapping in quotes:

jQuery('[name="submitted[event_email]"]').val('test');

edited Mar 13, 2014 at 14:13

answered Mar 13, 2014 at 14:07

Felix

38.2k8 gold badges45 silver badges56 bronze badges

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

2 Comments

scapegoat17 Over a year ago

Ahhh yes... escaping the [ ] threw me off. I knew it was something stupid. thank you!

A. Wolff Over a year ago

You don't need any escaping here because string is wrapped inside quotes. I mean, this will work too: jQuery('input[name="submitted[event_email]"]').val('test'); See: jsfiddle.net/pn4Zs

Tushar Gupta - curioustushar · Accepted Answer · 2014-03-13 14:14:43Z

3

You need to to escape [ and ] using \ but \ is also special character so we escape it also.

so we escape using \\

jQuery('[name="submitted\\[event_email\\]"]').val('test');

Attribute Equals Selector [name="value"]

Update

Fiddle Demo

There is no need to escape [ and ] as it is wrapped in quotes (i.e It is string)

jQuery('[name="submitted[event_email]"]').val('test');
//            ^                      ^

edited Mar 13, 2014 at 14:14

answered Mar 13, 2014 at 14:08

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

1 Comment

A. Wolff Over a year ago

No, no need to escape anything here

Collectives™ on Stack Overflow

Target input field by name using jQuery

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related