0

este es el select principal:

id=tipo_boleto

<select id="tipo_boleto" name="tipo_boleto" >

y los otros select son

id=boleto_2d

<input type="number" min="0" max="8" id="boleto_2d" size="5" name="boletos[2D][cantidad]" placeholder="0" disabled>

id=boleto_3d

<input type="number" min="0" max="8" id="boleto_vip" size="5" name="boletos[VIP][cantidad]" placeholder="0" disabled>

id=boleto_vip

<input type="number" min="0" max="8" id="boleto_3d" size="5" name="boletos[3D[cantidad]" placeholder="0" disabled>

el codigo que tendo para habilitarlo es:


$('#tipo_boleto').change(function(){
  $('#boleto_2d').removeAttr('disabled');
});

$('#tipo_boleto').change(function(){
  $('#boleto_3d').removeAttr('disabled');
});

$('#tipo_boleto').change(function(){
  $('#boleto_vip').removeAttr('disabled');
});

pero el problema es que al cualquier cambio en el select principal se habilitan los tres y quiero que al seleccionar en el principal : "2D" me habilite el 2d y al volver a poner el principal en value 0 se vuelva a desabilitar el segundo select

1

1 respuesta 1

2

No estás analizando el valor del select. Necesitas una sola función donde primero deshabilitas todos los campos y luego analizas el valor seleccionado para saber cuál habilitar:

$('#tipo_boleto').change(function(){
  // Deshabilitar todos
  $('#boleto_2d').attr('disabled', true);
  $('#boleto_3d').attr('disabled', true);
  $('#boleto_vip').attr('disabled', true);
  // Habilitar solo uno, dependiendo del valor
  switch ($(this).val()) {
      case '2D':
          $('#boleto_2d').removeAttr('disabled');
          break;
      case '3D':
          $('#boleto_3d').removeAttr('disabled');
          break;
      case 'VIP':
          $('#boleto_vip').removeAttr('disabled');
          break;
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="tipo_boleto" name="tipo_boleto">
  <option value="0">Selecciona</option>
  <option value="2D">2D</option>
  <option value="3D">3D</option>
  <option value="VIP">VIP</option>
</select>


<input type="number" min="0" max="8" id="boleto_2d" size="5" name="boletos[2D][cantidad]" placeholder="2D" disabled>

<input type="number" min="0" max="8" id="boleto_vip" size="5" name="boletos[VIP][cantidad]" placeholder="VIP" disabled>

<input type="number" min="0" max="8" id="boleto_3d" size="5" name="boletos[3D][cantidad]" placeholder="3D" disabled>

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.