hola tengo un formulario con varios campos y un select deseo que apartir de un select que se llena con un array que contiene procedimientos;que si selecciono x procedimiento se llame a la funcion habilitar() que es la que me habilita o deshabilita mas campos del formulario intente con la funcion onchange y funciona pero solo la primer vez si vuelvo a seleccionar otra opcion esta ya no hace nada quisiera que constantemente este leyendo la opcion que selecciona el usuario y siempre llame la funcion habilitar agradezco pudieran ayudarme aca el codigo: cabe resaltar que para deshabilitar los campos hago una validacion con la constante procedures de la que obtengo el valor desde el elemento select
///////////elemento select///////////////7
<label><?php echo trans('medical-histories.procedure_code'); ?></label>
<select data-name="procedure_code_autocompletation" id="inputprocedures" class="js-example-basic-single" name="state" onchange="habilitar()">
<option value=""></option>
<option selected>Selecciona un procedimiento medico</option>
<?php foreach ($proceduresList as $item){ ?>
<option value="<?php echo $item->name; ?>"><?php echo $item->name; ?></option>
<?php
} ?>
</select>
javascript
<script type="text/javascript">
const procedures = document.getElementsByName("state");
const attention = document.getElementById('personal_attention');
const mainDiagnosis = document.getElementById('main_diagnosis');
const fDiagnosisRel = document.getElementById('f_related_code');
const sDiagnosisRel = document.getElementById('s_related_code');
const relWay = document.getElementById('realization_way_surgical_act');
const complications = document.getElementById('complications');
function habilitar() {
const case1 = '735301 - ASISTENCIA DEL PARTO CON O SIN EPISIORRAFIA O PERINEORRAFIA';
const case2 = '735930 - ASISTENCIA DEL PARTO ESPONTÁNEO GEMELAR O MÚLTIPLE';
const case3 = '735931 - ASISTENCIA DEL PARTO INTERVENIDO GEMELAR O MÚLTIPLE';
const case4 = '735980 - OTRA ASISTENCIA MANUAL DEL PARTO ESPONTÁNEO';
if (procedures == case1) {
attention.disabled = false;
} else if (procedures == case2 ) {
attention.disabled = false;
} else if (procedures == case3 ) {
attention.disabled = false;
} else if (procedures == case4 ) {
attention.disabled = false;
} else {
attention.disabled = true;
}
const quirurjico = JSON.parse('<?php echo Json_encode($Quirurjicos); ?>');
if (quirurjico.find((quirurji) => quirurji.name === procedures.value)) {
mainDiagnosis.disabled = false;
fDiagnosisRel.disabled = false;
sDiagnosisRel.disabled = false;
relWay.disabled = false;
complications.disabled = false;
console.log('El procedimiento se ha encontrado')
} else {
mainDiagnosis.disabled = true;
fDiagnosisRel.disabled = true;
sDiagnosisRel.disabled = true;
relWay.disabled = true;
complications.disabled = true;
console.log('El procedimiento NO se ha encontrado')
}
}
$(document).ready(function() {
$('.js-example-basic-single').select2();
});
console.log(procedures)
</script>