dependent dropdown in laravel
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(document).on('change','.productCategory',function () {
// console.log('hmm its change')
var sub_cat=$('select[name="sub_cat_id"]')
var category_id=$(this).val();
// console.log(category_id);
var div=$(this).parent();
// var op=" ";
$.ajax({
type:'get',
url:'{!!URL::to('findsubcategory')!!}',
data:{'id':category_id},
success:function (data) {
// console.log('success');
//
// console.log(data);
// console.log(data.length);
var op= `<option disabled="true" selected="true">---Select Sub category---</option>`;
for (var i=0;i<data.length;i++) {
op += '<option value="' + data[i].id + '">' + data[i].sub_cat_name + '</option>';
}
sub_cat.html(op);
},
error:function () {
}
});
});
});
</script>