JSFiddle - React, Tailwind, and code Playground

by Jiff Pom

HTML

<div class="col-xs-6 col-sm-6 col-md-4 col-md-offset-1">
                                <div class="form-group">
                                         <select class="form-control" name="category_name" > 
                                            <option value="" selected>Please Select</option>
                                            <option value="Birds">Birds</option>
                                            <option value="Notinlist">Category Not in list</option>
                                         </select>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-6 col-md-4 col-md-offset-1">
                                <div class="form-group"  >
                                         <select class="form-control" name="album_name" onchange="CatName(this.value)">
                                            <option value="" selected>Please Select</option>
                                            <option value="Dove">Dove</option>
                                                <option value="Parrot">Parrot</option>
                                            <option value="Notinlist">Category Not in list</option>
                                         </select>
                                </div>
                            </div>

JavaScript

$('.form-group select').change(function(){
	var val = $(this).val();
 function CatName(val) {
    alert(val);
}
CatName(val);
});