JSFiddle - React, Tailwind, and code Playground

by Ken Z

HTML

<select name="Scat" id="Scat">
    <option value="">Select Manufacturer</option>
    <option value="2222">Michelin</option>
    <option value="3333">Continental</option>
</select>
<select name="Ssize" id="Ssize">
    <option value="">Select Size</option>
    <option value="30">30</option>
    <option value="40">40</option>
</select>
<select name="Sprofile" id="Sprofile">
    <option value="">Select Profile</option>
    <option value="60">60</option>
    <option value="80">80</option>
</select>
<a class="find" href="#">find</a>

JavaScript

$('.find').click(function(e){
    var size, profile, Scat;
    Scat = $('#Scat option:selected').val();
    
    if(!Scat){
        alert("Choose a Category");
        return;
    }
    
    size = $('#Ssize option:selected').val();
    
    if (!size) {
        alert('Select size!');
        return;
    }
    
    profile = $('#Sprofile option:selected').val();
    
    if (!profile) {
        alert('Select profile!');
        return;
    }
    
    window.location = "http://something.com/category="+Scat+"/search=" + size + "+" + profile;
});