jQuery syntax for creating multiple elements

Question

What is the proper syntax for creating multiple HTML elements with jQuery when using the JSON format? For example...

inputs = $("<select/>", {
    html: list,
    id: 'select'+siteNumber+''+x+'',
    name: 'select'+siteNumber+'['+x+']'
    });

creates a select input, but I have about 6 other input fields (of different types, not just submit) that I want to store in the inputs variable. How can I put more than one element into the variable?

Thanks very much.

You may want to read this question and its answers... not a dupe, but you might find it helpful. — senschen
– senschen, Commented Apr 1, 2016 at 12:11

steppefox · Accepted Answer · 2016-04-01 12:14:32Z

0

Use some loop and push your new elements in array.

var inputs = [];
for (var i = 0; i<6; i++) {
    inputs.push($("<select/>", {
        html: list,
        id: 'select'+siteNumber+''+x+'',
        name: 'select'+siteNumber+'['+x+']'
    }));
}

answered Apr 1, 2016 at 12:14

steppefox

1,8442 gold badges15 silver badges19 bronze badges

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

1 Comment

skwidbreth Over a year ago

I should have been more specific - they are not all select elements. Regardless, this may do the trick...

Collectives™ on Stack Overflow

jQuery syntax for creating multiple elements

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related