I'd like to add option to a select dynamically using plain javascript.

Everything I could find involves JQuery or tries to create the select dynamically as well. The closest thing I could find was Dynamically add input type select with options in Javascript which does the latter and was the only I found that doesn't involve JQuery. Although I did try and use it like so:. I apologize if this is simple but I'm very new at javascript and web programming in general.

Thank you for any assistance. This has not changed the select in the page at all. And I did check that the code was being run with an alert. The idea did work, it just turned out that it wasn't displaying a value in the dropdown. I don't know why but I can figure that one out I think. This tutorial shows exactly what you need to do: Add options to an HTML select box with javascript.

By posting your answer, you agree to the privacy policy and terms of service. Stack Overflow Questions Developer Jobs Documentation beta Tags Users.

how to dynamically add options to an existing select in vanilla javascript - Stack Overflow

Sign up or log in to customize your list. Tour Start here for a quick overview of the site Help Center Detailed answers to any questions you might have Meta Discuss the workings and policies of this site About Us Learn more about Stack Overflow the company Business Learn more about hiring developers or posting ads with us. Log In Sign Up.

Join the Stack Overflow Community. Stack Overflow is a community of 7. Join them; it only takes a minute: Although I did try and use it like so: So I tried the given suggestions like so.

Changing Select element content on the fly

Those single quotes after "option" aren't needed. Tamasi Jul 18 '13 at Yes, the single quotes aren't just unnecessary, they're a syntax error in HTML.

Add options to an HTML select box with javascript Basically: Drew 1, 11 You can also use daySelect. I guess something like this would do the job. Thank you everybody for your answers.

Lochemage 3, 5 Sign up or log in StackExchange. Sign up using Facebook. Sign up using Email and Password.

Post as a guest Name. Stack Overflow works best with JavaScript enabled.

Javascript - add select programmatically - Stack Overflow

This suggestion managed to get my text to display properly whereas the other suggestions for some reason could not. MathOverflow Mathematics Cross Validated stats Theoretical Computer Science Physics Chemistry Biology Computer Science Philosophy more 3. Meta Stack Exchange Stack Apps Area 51 Stack Overflow Talent.