JSFiddle - React, Tailwind, and code Playground
HTML
<select id="sample">
<option value="1">Value1</option>
<option value="2">Value2</option>
<option value="3">Value3</option>
</select>
<div id="fillValue">
</div>
JavaScript
$( "#sample" ).change(function() {
var selValue = $(this).val();
//Sample implementation how it works.
//var data = "<select ><option value='11'>Value11</option></select>";
//$("#fillValue").html(data);
$.ajax({
url : 'ur_servlet_url' + selValue,
type : "POST",
async : false,
success : function(data) {
//Sample data
var data = "<select id='child'><option value='11'>Value11</option></select>"
$("#fillValue").val(data);
}
});
});