'Is it possible to do <select> with links opening after clicking submit?

Is it even possible to do select with links that when you click submit button it will move you to the selected website, for example

<form>

    <select>
            <option value="1"> test 1 </option>
            <option value="http://www.google.com"> google.com </option>
            <option value="http://www.youtube.com"> youtube.com </option>
            <option value="http://www.facebook.com"> facebook.com </option> 
        </select>

        <input type="submit">
//when submit clicked, and you choosed any option then you will be moved to this website
</form>
html


Solution 1:[1]

Using a bit of javascript you could add a change handler to the select that navigates the user to the value of the selected option.

Note that this may not work within the stackoverflow demo frame, but should be fine on your site.

document.querySelector('select').addEventListener('change', (e) => {
  document.location.href = e.target.value;
});
<select>
  <option value="1" id="1"> test 1 </option>
  <option value="https://www.google.com" id="http://www.google.com"> google.com </option>
  <option value="https://www.youtube.com" id="http://www.youtube.com"> youtube.com </option>
  <option value="https://www.facebook.com" id="http://www.facebook.com"> facebook.com </option>
</select>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 ray hatfield

Related Questions