Con el poder de jQuery y mucho cafe!
Sumamente sencillo de ocupar, lo primero eso si es que necesitaremos de dos controles (select) en tu html para poder identificarlos y aplicar la magia.
<div class="form-group row">
<label for="slcRegion" class="col-4 col-form-label">Región</label>
<div class="col-8">
<select id="slcRegion" name="slcRegion" required="required" class="custom-select">
<option value="">Seleccione una opción</option>
</select>
</div>
</div>
<div class="form-group row">
<label for="slcComuna" class="col-4 col-form-label">Comuna</label>
<div class="col-8">
<select id="slcComuna" name="slcComuna" class="custom-select" required="required">
<option value="">Seleccione una opción</option>
</select>
</div>
</div>
Pues debes llamar a nuestro archivo .js en tu html, para eso solo si quieres copia y pega esto, pero recuerda un gran poder conlleva una gran responsabilidad por lo que debes asegurar de que los controles (select) tengan su id correcto
<script src="https://cdn.jsdelivr.net/gh/Theblood/Regiones-ComunasChile@main/region_comuna.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function() {
jQuery('#slcRegion').geoRegionalizacion({
regionDependiente: '#slcComuna'
});
});
</script>