1

Buen día a todos, estoy intentando aplicar una acción al realizar cambios en un select2. Este es mi Script:

<script type="text/javascript">
$("#t_usos").change(function() {
alert( $(this).val()); });

<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>

Pero al realizar cambios en el select2, es decir al seleccionar otra opción del select, no me muestra el alert que puse de prueba, de hecho en la consola de chrome no aparece nada, no estoy seguro de lo que hace falta. Gracias.

3
  • 1
    Estás llamando al id del select como t_usos[], debería ser t_usos sin los corchetes.
    – Kleith
    Commented el 7 may. 2018 a las 18:18
  • ya hice el cambio, pero sigue igual. el alert no se activa. que otra opcion puede ser? Commented el 7 may. 2018 a las 18:20
  • Debería funcionar, mirá este fiddle con lo básico y muestra el alert. Fijate si te tira algún error en consola.
    – Kleith
    Commented el 7 may. 2018 a las 18:24

1 respuesta 1

0

El problema es que probablemente el select2 se inicializa despues que la pagina carga, por eso debes utilizar "on" asi:

<script type="text/javascript">
$("#t_usos").on("change", function() {
  alert( $(this).val()); });
1
  • Excelente!! <script> $(document).ready(function() { $('.select2').select2(); $('#t_usos').on("change", function(e) { alert($(this).val()); }); }); </script> me funcionó de esta forma. Mil gracias por tu ayuda Commented el 7 may. 2018 a las 18:32

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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