JSFiddle - React, Tailwind, and code Playground

by learner001

HTML

<select class="form-control" name="catid" id="cat">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

JavaScript

$(document).ready(function(){
    $('#cat').change(function(){
        var catid = $('#cat').val();
        if(catid != 0)
        // alert(catid) to check if value is being carried
        {
            $.ajax({
                type:'post',
                 url:'xyz.php',
                data:{id:catid},
                cache:false,
                success: function(returndata){
                    $('#subcat').html(returndata);
					console.log(returndata)
                }
            });
        }
    })
})