what I would like to do is that when the form is in the option
"Choose an option" make the others select
disabled and that when selecting a different option example: cardio vascular, activate one of the select
diagnostics and not enable the other 2 select until an option has been chosen and the same thing happens in the other selects, I have investigated how to do it but I only get it with inputs and cannot make it work with selects...
<form name="diagnostico_sindromatico" method="post" action="">
<div>
<select name="campo1" id="campo1">
<option value="0" selected>Elija una opcion</option>
<option value="1">Cardio Vascular</option>
<option value="2">Endocardio no metabolicos</option>
<option value="3">Enfermedades Infecciosas</option>
<option value="4">Enfermedades de la piel</option>
<option value="5">Enfermedades Inf(I.T.S)</option>
<option value="6">Enf.Respiratorias inf.</option>
<option value="7">Gastrointestinal</option>
<option value="8">Ginecologia</option>
<option value="9">Mordeduras/Ponzoñas</option>
<option value="10">Neurologia</option>
<option value="11">OsteoMuscular</option>
<option value="12">Oftalmologica</option>
<option value="13">Obstetrica</option>
<option value="14">Odontologia</option>
<option value="15">Patologia Sanguinea</option>
<option value="16">Respiratorias</option>
<option value="17">Sindrome Viral</option>
<option value="18">Urologica</option>
</select>
</div>
<div>
<select name="diagnostico1" id="diagnostico1">
<option selected>Elija una Opcion</option>
<option value="1">Tumoral</option>
<option value="2">Enfermedad Infecciosa</option>
<option value="3">tiroides</option>
<option value="4">bronquitis</option>
<option value="5">diabetes</option>
</select>
<select name="diagnostico2" id="diagnostico2">
<option selected>Elija una Opcion</option>
<option value="1">Tumoral</option>
<option value="2">Enfermedad Infecciosa</option>
<option value="3">tiroides</option>
<option value="4">bronquitis</option>
<option value="5">diabetes</option>
</select>
<select name="diagnostico3" id="diagnostico3">
<option selected>Elija una Opcion</option>
<option value="1">Tumoral</option>
<option value="2">Enfermedad Infecciosa</option>
<option value="3">tiroides</option>
<option value="4">bronquitis</option>
<option value="5">diabetes</option>
</select>
</div>
You could do it by using jquery's change() function and changing the disabled property of the select using prop().
Use the attribute
disabled
like this.