JSFiddle - React, Tailwind, and code Playground

by aanred

HTML

<select class="target" id="drop1">
    <option value="">Choose URL</option>
    <option value="http://google.com">Go to Google</option>
    <option value="http://yahoo.com">Go to Yahoo!</option>
</select>
<br /><br />
<select class="target" id="drop2">
    <option value="">Choose URL</option>
    <option value="http://stackoverflow.com">Go to StackOverflow</option>
    <option value="http://gmail.com">Go to Gmail</option>
</select>
<br /><br />
<select class="target" id="drop3">
    <option value="">Choose URL</option>
    <option value="http://mail.yahoo.com">Go to Yahoo! Mail</option>
    <option value="http://blabla">Go to Blabla</option>
</select>

JavaScript

$('.target').change(function() {
    var id = $(this).attr('id');
    var url = $("#" + id).val()
        
    if(!url) return;
        
    window.location = url;
});