Como puedo Deshabilitar o habilitar un select desde otro select?

publicado por: Anonymous

lo que me gustaría hacer es que cuando el formulario este en el option “Elija una opción” haga que los otros select esten deshabilitados y que al seleccionar una opcion distinta ejemplo: cardio vascular, active uno de los select de diagnostico y que no habilite los otros 2 select hasta que se haya elegido una opcion y que pase lo mismo en los otros select, he investigado como hacerlo pero solo lo logre con inputs y no puede hacerlo funcionar con 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>

solución

Utiliza el atributo disabled de esta manera.

_x000D_

_x000D_

$('#campo1').change(function(){_x000D_
  $('#diagnostico1').removeAttr('disabled');_x000D_
});_x000D_
_x000D_
$('#diagnostico1').change(function(){_x000D_
  $('#diagnostico2').removeAttr('disabled');_x000D_
});_x000D_
_x000D_
$('#diagnostico2').change(function(){_x000D_
  $('#diagnostico3').removeAttr('disabled');_x000D_
});

_x000D_

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>_x000D_
<form name="diagnostico_sindromatico" method="post" action="">_x000D_
<div>_x000D_
    <select name="campo1" id="campo1">_x000D_
    <option value="0" disabled selected>Elija una opcion</option>_x000D_
    <option value="1">Cardio Vascular</option>_x000D_
    <option value="2">Endocardio no metabolicos</option>_x000D_
    <option value="3">Enfermedades Infecciosas</option>_x000D_
    <option value="4">Enfermedades de la piel</option>_x000D_
    <option value="5">Enfermedades Inf(I.T.S)</option>_x000D_
    <option value="6">Enf.Respiratorias inf.</option>_x000D_
    <option value="7">Gastrointestinal</option>_x000D_
    <option value="8">Ginecologia</option>_x000D_
    <option value="9">Mordeduras/Ponzoñas</option>_x000D_
    <option value="10">Neurologia</option>_x000D_
    <option value="11">OsteoMuscular</option>_x000D_
    <option value="12">Oftalmologica</option>_x000D_
    <option value="13">Obstetrica</option>_x000D_
    <option value="14">Odontologia</option>_x000D_
    <option value="15">Patologia Sanguinea</option>_x000D_
    <option value="16">Respiratorias</option>_x000D_
    <option value="17">Sindrome Viral</option>_x000D_
    <option value="18">Urologica</option>_x000D_
    </select>_x000D_
</div>_x000D_
_x000D_
<div>_x000D_
    <select name="diagnostico1" id="diagnostico1" disabled>_x000D_
    <option disabled selected>Elija una Opcion</option>_x000D_
    <option value="1">Tumoral</option>_x000D_
    <option value="2">Enfermedad Infecciosa</option>_x000D_
    <option value="3">tiroides</option>_x000D_
    <option value="4">bronquitis</option>_x000D_
    <option value="5">diabetes</option>_x000D_
    </select>_x000D_
 _x000D_
    <select name="diagnostico2" id="diagnostico2" disabled>_x000D_
    <option disabled selected>Elija una Opcion</option>_x000D_
    <option value="1">Tumoral</option>_x000D_
    <option value="2">Enfermedad Infecciosa</option>_x000D_
    <option value="3">tiroides</option>_x000D_
    <option value="4">bronquitis</option>_x000D_
    <option value="5">diabetes</option> _x000D_
    </select>_x000D_
_x000D_
    <select name="diagnostico3" id="diagnostico3" disabled>_x000D_
    <option disabled selected>Elija una Opcion</option>_x000D_
    <option value="1">Tumoral</option>_x000D_
    <option value="2">Enfermedad Infecciosa</option>_x000D_
    <option value="3">tiroides</option>_x000D_
    <option value="4">bronquitis</option>_x000D_
    <option value="5">diabetes</option> _x000D_
    </select>               _x000D_
</div>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *