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.