JSFiddle - React, Tailwind, and code Playground

by Sam G

HTML

<select name="menu1" class="menu1">
    <option value="" selected>Pick a Website</option>
    <option value="bla01">Without Letter Head</option>
    <option value="bla02">Letter Head</option>
</select>
<select name="menu1" class="menu1">
    <option value="" selected>Pick a Website</option>
    <option value="bla03">Without Letter Head</option>
    <option value="bla04">Letter Head</option>
</select>
<select name="menu1" class="menu1">
    <option value="" selected>Pick a Website</option>
    <option value="bla05">Without Letter Head</option>
    <option value="bla06">Letter Head</option>
</select>

CSS

select {
    display: block;
    margin-top: 20px;
}

JavaScript

var urlmenus = document.querySelectorAll('.menu1');
for(var i = 0; i < urlmenus.length; i++) {
    urlmenus[i].onchange = function () {
        window.open(this.options[this.selectedIndex].value, '_blank', 'width=595,height=842,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no');
    };
}