Links in select dropdown options

Question

Is it possible for each dropdown options to link somewhere when selected without the need for an external button    lt select gt     lt option value  x  gt x lt  option gt     lt option value  y  gt y lt  option gt   lt  select gt

User · Answer

This is an old question  I know but for 2019 peeps  Like above if you just want to change the URL you can do this   lt select onChange  quot window location href this value quot  gt       lt option value  quot www google com quot  gt A lt  option gt       lt option value  quot www aol com quot  gt B lt  option gt   lt  select gt   But if you want it to act like an a tag and so you can do  quot   page quot    quot  bottom quot  or  quot  a 567 quot  use window location replace    lt select onChange  quot window location redirect this value  quot  gt       lt option value  quot    quot  gt back lt  option gt       lt option value  quot   list quot  gt list lt  option gt       lt option value  quot  bottom quot  gt bottom lt  option gt   lt  select gt

User · Answer

Add an onchange event handler and set the pages location to the value   lt select id  foo  gt       lt option value    gt Pick a site lt  option gt       lt option value  http   www google com  gt x lt  option gt       lt option value  http   www yahoo com  gt y lt  option gt   lt  select gt    lt script gt      document getElementById  foo   onchange   function             if  this selectedIndex   0                window location href   this value                            lt  script gt

User · Answer

or if you want   need to keep your option  value  as it was  just add a new attribute    lt select id  my selection  gt   lt option value  x  href   link to somewhere  gt value 1 lt  option gt   lt option value  y  href   link to somewhere else  gt value 2 lt  option gt   lt  select gt    lt script gt  document getElementById  my selection   onchange   function         window location href   this children this selectedIndex  getAttribute  href       lt  script gt

User · Answer

You can use this code    lt select id  menu  name  links  size  1  onchange  window location href this value   gt       lt option value  URL  gt Book lt  option gt       lt option value  URL  gt Pen lt  option gt       lt option value  URL  gt Read lt  option gt       lt option value  URL  gt Apple lt  option gt   lt  select gt

User · Answer

Maybe this will help    lt select onchange  location   this value   gt    lt option value  home html  gt Home lt  option gt    lt option value  contact html  gt Contact lt  option gt    lt option value  about html  gt About lt  option gt   lt  select gt

User · Answer

You can use the onChange property   Something like    lt select onChange  window location href this value  gt       lt option value  www google com  gt A lt  option gt       lt option value  www aol com  gt B lt  option gt   lt  select gt

[javascript] Links in <select> dropdown options

Examples related to javascript

Examples related to html

Examples related to select

Examples related to drop-down-menu