any array of dropdown

Question

How do you make this work? <select id="sel[]">, which is an array of all the dropdown boxes.But if I change $('#sel').change(function() { to $('#sel[]').change(function() {, it does not work?

score 1 · Accepted Answer · answered Jan 31 '12 at 18:41

1

You can escape the square brackets by two back slashes \\.

$(function() {
    $('#sel\\[\\]').change(function() { ... });
});

Demo

But ideally you should not use such conventions for naming ids.

answered Jan 31 '12 at 18:41

ShankarSangoli

69,612
13
93
124

\\ will `escape` the special characters used in jQuery selector as per jQuery docs. – ShankarSangoli Jan 31 '12 at 22:37

score 1 · Answer 2 · edited May 23 '17 at 11:56

The string sel[] is not a valid element id:

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

Reference

Better to use a simpler id like selArr, for example.

An array of drop-down options will not automatically be created for you. You'll have to maintain the data model yourself, like:

var opts = ['one', 'two', 'three'];

Then add to this array as necessary, and build your drop-down out of it:

Populate dropdown select with array using jQuery

This approach keeps the model and view separated, a good programming practice for user interfaces.

@Will see update. The `id` attribute is simply a unique identifier, you'll have to create and maintain an array separately. — calebds, Jan 31 '12 at 22:57

any array of dropdown

2 Answers2