JSFiddle - React, Tailwind, and code Playground

HTML

<select id="parent">
    <option value="">Select Parent</option>
    <option value="A">A</option>
    <option value="B">B</option>
</select>
<select id="child">
    <option value="">Select Child</option>
    
</select>

JavaScript

var data={"A":["Air","Apple","Ant"],
         "B" :["Water","Mango","Fly"]}
           
       
jQuery('#parent').on('change',function(){
    var tempData=data[this.value];
    var selectChild=jQuery('#child'); 
    jQuery('option',selectChild).remove();
    for(var i=0;i<tempData.length;i++){
        	var option = new Option(tempData[i],tempData[i]);
        	selectChild.append(jQuery(option));
    }

});