Dynamically add input type select with options in Javascript

Question

I have found adding inputs to a form is quite simple in Javascript, but for some reason adding the select input with options is not working. The options are appearing outsid

Answer 1

Each time you set the innerHTML property, your browser will create DOM elements of what you inserted.

When you added to the innerHTML, your browser most likely added to make it valid html.

Then when you retrieved it to add the options, it came back as .

Try building the whole html string to insert in a normal variable and inserting it just once.