1

tengo un select, y dependiendo del valor del select en mi caso el value="2" quiero habilitar dos input y si no esta en value="2" inhabilitarlos

<div class="row">  
    <div class="col-md-3">
        <label>Estatus</label>
        <div class="form-group">
            <select name="txtEstatusPedido" id="txtEstatusPedido" class="chosen-select input-md">
                <option <? if ($estatusPedido == 1) echo 'selected'; ?> value="1">Activo</option>
                <option <? if ($estatusPedido == 0) echo 'selected'; ?> value="0">Finalizada</option>
                <option <? if ($estatusPedido == 2) echo 'selected'; ?> value="2">Cancelada</option>
            </select>
        </div>
    </div>  
    <div class="col-md-2">
        <div class="form-group">
            <label>Folio Cancela</label>
            <input type="text" name="txtFolioCancela" id="txtFolioCancela" placeholder="Folio Cancela" value="<?php echo $folioCancela; ?>" data-toggle="masked" data-inputmask="'mask': '9999999'" class="form-control">
        </div>
    </div>                                             
    <div class="col-md-2">
        <label>Fecha Cancela</label>
        <div data-pick-time="false" class="datetimepicker input-group date mb-lg">
            <input type="text" name="txtFechaCancela" id="txtFechaCancela" placeholder="Fecha Cancela" value="<?php echo $fechaCancela; ?>" class="form-control">
        <span class="input-group-addon">
            <span class="fa fa-calendar"></span>
        </span>
    </div>
</div>
0

2 respuestas 2

1

Puedes hacerlo de la siguiente manera con versión jQuery 1.6 o más:

var $select = $('#txtEstatusPedido');
var $input1 = $('#txtFolioCancela');
var $input2 = $('#txtFechaCancela'); 

$select.on('change', function(){
   if($select.val() === 2){
     $input1.prop("disabled",true);
     $input2.prop("disabled",true);
   }else{
     $input2.prop("disabled",true);
     $input2.prop("disabled",true);
   }
});

o con versión jQuery 1.5 y menos

var $select = $('#txtEstatusPedido');
var $input1 = $('#txtFolioCancela');
var $input2 = $('#txtFechaCancela'); 

$select.on('change', function(){
   if($select.val() === 2){
     $input1.attr('disabled','disabled');
     $input2.attr('disabled','disabled');
   }else{
     $input2.removeAttr('disabled');
     $input2.removeAttr('disabled');
   }
});
2
  • ¿disabled es una propiedad o es un atributo? el 26 ago. 2016 a las 16:33
  • Ahora estaba probando este codigo y para que me funcione bien puse el numero 2 entre comillas asi: "2" y ahi funciono bien. if ($select.val() === "2") { $input1.prop("disabled", false); } el 26 jul. 2018 a las 22:44
0

Evalúa en la función onchange si se cumple la conficion para habilitar los input que necesites:

$('#select-input').on('change', function(){
    If(condicion==true)
    {
      $("#input1").prop("disabled",true);
    }
   Else
   {
      $("#input1").prop("disabled",false);
   }
});

Saludos,

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