append option to select menu

Question

Using Javascript how would I append an option to a HTML select menu   e g to this    lt select gt       lt option value  volvo  gt Volvo lt  option gt       lt option value  saab  gt Saab lt  option gt       lt option value  mercedes  gt Mercedes lt  option gt       lt option value  audi  gt Audi lt  option gt   lt  select gt    http   jsfiddle net SSwhr

User · Accepted Answer

Something like this   var option   document createElement  option    option text    Text   option value    myvalue   var select   document getElementById  id-to-my-select-box    select appendChild option

User · Answer

HTML   lt select id  mySelect  gt       lt option value  volvo  gt Volvo lt  option gt       lt option value  saab  gt Saab lt  option gt       lt option value  mercedes  gt Mercedes lt  option gt       lt option value  audi  gt Audi lt  option gt   lt  select gt    JavaScript   var mySelect   document getElementById  mySelect        newOption   document createElement  option     newOption value    bmw       Not all browsers support textContent  W3C-compliant     When available  textContent is faster  see http   stackoverflow com a 1359822 139010  if  typeof newOption textContent      undefined         newOption innerText    BMW     else       newOption textContent    BMW      mySelect appendChild newOption     Demo   x2192

User · Answer

document  ready function             mySelect   append   lt option gt BMW lt  option gt

User · Answer

You can also use insertAdjacentHTML function   const select   document querySelector  select   const value    bmw  const label    BMW   select insertAdjacentHTML  beforeend        lt option value    value   gt   label  lt  option gt

[javascript] append option to select menu?

Examples related to javascript

Examples related to html