How do I reference an element by name with [] brackets in it? [duplicate]

Answer 1

One way is to quote the name in the selector:

$('[name="values[]"]')

Or:

$("[name='values[]']")

Answer 2

Related: How do I get jQuery to select elements with a . (period) in their ID?

Answer: Use double backslashes to escape the brackets.

$('[name="values[]"]');

Edit: Revised the example for validity's sake. Apparently, Sizzle isn't handling the unquoted version well.

Answer 3

It seems to work for me in Chrome.

If you run this code and look in the console you should see the elements

<select name="values[]" multiple="true">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="2">2</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">

    // all the inputs with the name value
    console.log($('[name=values[]]'));

    // The first input with the name value
    console.log($('[name=values[]]')[0]);
</script>