Quisiera saber quien me puede ayudar con el siguiente código, tengo un formulario en el cual quisiera lograr que al escoger la opción de soy asociado el input
cédula quede activado y de lo contrario si la opción seleccionada es no soy asociado se desactive y deje ingresar los demás campos
Código HTML
$('#select').on('change',function(){
var selectValor = $(this).val();
alert (selectValor);
if (selectValor == 'opc1') {
$('.cedula')addClass('.oculto');
}else {
alert('esta es la opcion 2')
}
});
.oculto{
display: none;
}
<section>
<div class="container container-form pb-5">
<div class="row">
<div class=" formulario col-12">
<form id="contact-form" name="contact-form" >
<div class="row" >
<div class="col-12">
<div class="form-group">
<select class="form-control" name="select" id="select">
<option value="">¿Es Asosiado?</option>
<option value="opc1">Soy Asosiado</option>
<option value="opc2">No soy Asosiado</option>
</select>
</div>
</div>
<div class="col-md-6 cedula">
<div class="form-group mb-5">
<input type="text" id="name" name="name" class="form-control" placeholder="Cedula">
</div>
</div>
<div class="col-md-6 nombre " >
<div class="form-group mb-5">
<input type="text" id="name" name="name" class="form-control" placeholder="Nombre Completo">
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-5">
<input type="tel" id="phone" name="telefono" class="form-control" placeholder="Télefono/Celular">
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-5">
<input type="text" id="email" name="email" class="form-control" placeholder="Correo">
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-5">
<input type="text" id="name" name="name" class="form-control" placeholder="Departamento">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>