Javascript name array input selectors (name[sometext])

Question

How can I select a named input like this properly in jQuery without assigning ID's?

<input name="person[first]" type="hidden">
<input name="person[last]" type="hidden">

// Seems to be acting on multiple hidden elements instead of this named one
// This sets the value of both of those hidden elements in some cases
$("input[type=hidden][name=person[first]]").val('Test');

// So I've changed it to this. Is there a better way?
$("input[name=person[first]]").val('Test');

Can you give an example of what's not working when you have multiple hidden input elements with the HTML included? It's not clear from your example. — Anurag
– Anurag, Commented Feb 12, 2012 at 20:06

user1106925 · Accepted Answer · 2020-06-20 09:12:55Z

50

Put the attribute value in quotes...

$("input[type=hidden][name='person[first]']").val();
   // ---------------------^-------------^

From the docs for attribute-equals-selector...

attribute An attribute name.

value An attribute value. Can be either an unquoted single word or a quoted string.

Since you have more than just a single word, it should be quoted.

edited Jun 20, 2020 at 9:12

community wiki

user1106925

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

Comments

Niet the Dark Absol · Accepted Answer · 2012-02-12 20:05:53Z

3

I'm pretty sure you're supposed to put in quotes any attribute selector's value that includes symbols with meaning in CSS. Like this:

input[type=hidden][name='person[first]']

answered Feb 12, 2012 at 20:05

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Collectives™ on Stack Overflow

Javascript name array input selectors (name[sometext])

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related