Redirect on select option in select box

by

Because the first option is already selected, the change event is never fired. Add an empty value as the first one and check for empty in the location assignment.

Here’s an example:

https://jsfiddle.net/bL5sq/

<select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
  <option value="">Select...</option>
  <option value="https://google.com">Google</option>
  <option value="https://yahoo.com">Yahoo</option>
</select>

More Related Contents:

  1. Set a form’s action attribute when submitting?
  2. Can I debug by CSS code in easy way for beginner?
  3. Setting columns in bootstrap grid
  4. How to write a:hover in inline CSS?
  5. Change color of PNG image via CSS?
  6. Use images instead of radio buttons
  7. Why does overflow:hidden not work in a ?
  8. How to prevent scrollbar from repositioning web page?
  9. Fixed header, footer with scrollable content
  10. Two inline-block, width 50% elements wrap to second line [duplicate]
  11. Correct way to use Modernizr to detect IE?
  12. Sed remove tags from html file
  13. Display HTML child element when parent element is display:none
  14. HTML Email – Is colspan allowed?
  15. HTML apply a filter
  16. Bootstrap Navbar. When I press the button nothing happens
  17. add title attribute from css
  18. How to specify parameters to google chrome adobe pdf viewer?
  19. How to rotate and postion an element on the top left or top right corner?
  20. HTML5 – mp4 video does not play in IE9
  21. Make fill entire screen?
  22. Bootstrap full-width text-input within inline-form
  23. Configuring Android Web Applications
  24. Can you style html form buttons with css?
  25. Internet Explorer and clip-path
  26. Random Div Order on Page Load [duplicate]
  27. Angular2 without hash in the url
  28. Pseudo class :hover does not work in IE7
  29. Display HTML text in UILabel iphone
  30. Table vertical header?

Leave a Comment