tengo estos dos selects:
<!-- campos solo para la cedula -->
<div class="col-sm-2 form-floating" id="departamento_id_panel" name="departamento_id_panel" hidden>
<select class="form-select" id="departamento_id" name="departamento_id">
<option value=""></option>
<?php foreach($departamentos as $departamento): ?>
<option value="<?= $departamento['codigo'] ?>"><?= $departamento['nombre'] ?></option>
<?php endforeach; ?>
</select>
<label for="estado_id">Departamento de expedición*</label>
<p class="small" style="color:red">
<?= validation_show_error('departamento_id'); ?>
</p>
</div>
<div class="col-sm-2 form-floating" id="municipio_id_panel" name="municipio_id_panel" hidden>
<select class="form-select" id="municipio_id" name="municipio_id">
<option value=""></option>
<?php foreach($municipios as $municipio):; ?>
<option value="<?= $municipio['codigo'] ?>"><?= $municipio['nombre'] ?></option>
<?php endforeach; ?>
</select>
<label for="estado_id">Municipio de expedición*</label>
<p class="small" style="color:red">
<?= validation_show_error('municipio_id'); ?>
</p>
</div>
<!-- FIN campos solo para la cedula -->
Y quisiera que el segundo select solo muestre los municipios que tengan el mismo código del departamento, para lo que he empezado la función:
$(function() {
$(document).on('change', '#departamento_id', function() {
var departamento_codigo = $(this).find('option:selected').val();
console.log(departamento_codigo);
});
});
Aquí consigo el código del departamento seleccionado, pero no sé filtrar los municipios que tengan igual código.
Gracias por la ayuda.