A
<select>
element cannot just natively open a window upon an option selection, you have to use a
<a>
element to do that. Otherwise, you need to resort to using Javascript to manage this for you. You can combine Javascript with special attributes called
data attributes[
^] which allow us to store additional data against any element.
Here's an example JSFiddle with what you might need[
^]
In the Javascript we get the select element, we register a change listener, and then when the event triggers we get the URL from the selected option (from the
data-url
attribute) and open the new window/tab.