Skip to main content
se añadieron 38 caracteres en el cuerpo
Origen Enlace
Luis Medina
  • 41
  • 1
  • 1
  • 8
$(document).ready(function() {
$('.select2').select2();
$('#t_usos').on("change", function(e) { 
    if ($(this).val() == 1){
        //alert($(this).val());
        $('#agrodiv').show();
    }
    else($(this).val() <>1){
        $('#agrodiv').show();
    }
    
});});
$(document).ready(function() {
$('.select2').select2();
$('#t_usos').on("change", function(e) { 
    if ($(this).val() == 1){
        //alert($(this).val());
        $('#agrodiv').show();
    }
    else($(this).val() ){}
    
});});
$(document).ready(function() {
$('.select2').select2();
$('#t_usos').on("change", function(e) { 
    if ($(this).val() == 1){
        //alert($(this).val());
        $('#agrodiv').show();
    }
    else($(this).val()<>1){
        $('#agrodiv').show();
    }
    
});});
Origen Enlace
Luis Medina
  • 41
  • 1
  • 1
  • 8

Realizar acción en onchange de select2 si han elegido un valor especifico

tengo un select2 que tiene varios valores, entre ellos uno en especifico que requiere que al seleccionarse automaticamente me muestre un div oculto, o si no esta seleccionado se oculte nuevamente.

<div class="form-group {{ $errors->has('usos') ? 'has-error' : '' }}">
            <label class="col-sm-4 control-label">*Tipo de Uso Solicitado:</label>
            <div class="col-sm-7">
                <select class="select2" multiple="multiple" data-placeholder="Seleccionar Tipo de Uso" name="t_usos[]" id="t_usos" style="width: 100%;">
                    @foreach($usos as $uso)
                    <option value="{{$uso->id}}">{{$uso->nombre}}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="form-group {{ $errors->has('usos') ? 'has-error' : '' }}" id="agrodiv" style="display:none;">
            <label class="col-sm-4 control-label">*Agropecuario:</label>
            <div class="col-sm-7">
                <select class="form-control" id="agricola" name="agricola">
                    <option selected="true" disabled="true"></option>
                    @foreach($agro as $agrop)
                        <option value="{{$agrop->id}}">{{$agrop->nombre}}</option>
                    @endforeach
                </select>
            </div>
        </div>

este es mi script

$(document).ready(function() {
$('.select2').select2();
$('#t_usos').on("change", function(e) { 
    if ($(this).val() == 1){
        //alert($(this).val());
        $('#agrodiv').show();
    }
    else($(this).val() ){}
    
});});

la idea es que si selecciono el valor "Agropecuario" de mi select2, me muestre el DIV oculto, y si en mi select2 no se selecciona el valor "Agropecuario" el div vuelva a ocultarse.