How to set default value for HTML select

Question

I have a HTML select like this      lt select gt       lt option gt a lt  option gt       lt option gt b lt  option gt       lt option gt c lt  option gt   lt  select gt    and I have a variable named temp in my JavaScript     var temp    a     Now I want to set the value of the option that is equal to temp as default value for my select   How can I do it

User · Accepted Answer

Note  this is JQuery   See S  bastien answer for Javascript    function         var temp  a            MySelect   val temp         lt select name  MySelect  id  MySelect  gt       lt option value  a  gt a lt  option gt       lt option value  b  gt b lt  option gt       lt option value  c  gt c lt  option gt   lt  select gt

User · Answer

You first need to add values to your select options and for easy targetting give the select itself an id   Let s make option b the default    lt select id  mySelect  gt       lt option gt a lt  option gt       lt option selected  selected  gt b lt  option gt       lt option gt c lt  option gt   lt  select gt    Now you can change the default selected value with JavaScript like this    lt script gt  var temp    a   var mySelect   document getElementById  mySelect     for var i  j   0  i   mySelect options j   j          if i value    temp            mySelect selectedIndex   j          break           lt  script gt    See it in action on codepen

User · Answer

Simplay you can place HTML select attribute to option a like shown below   Define the attributes like selected  selected    lt select gt      lt option selected  selected  gt a lt  option gt      lt option gt b lt  option gt      lt option gt c lt  option gt   lt  select gt

User · Answer

You could use      lt option  lt      temp     value     SELECTED         gt   gt  value lt  opton gt    Edit  I thought I was looking at PHP questions    Sorry

User · Answer

you can define attribute selected  selected  in  Ex  a

User · Answer

You should define the attributes of option like selected  selected    lt select gt      lt option selected  selected  gt a lt  option gt      lt option gt b lt  option gt      lt option gt c lt  option gt   lt  select gt

[javascript] How to set default value for HTML select?

Examples related to javascript

Examples related to html