¿Por qué el evento de cambio de jquery no se activa cuando establezco el valor de un select usando val()?

Creo que puede activar manualmente el evento de cambio con trigger():

$("#single").val("Single2").trigger('change');

Aunque por qué no se dispara automáticamente, no tengo idea.

Por lo que puedo leer en las API. El evento solo se dispara cuando el usuario hace clic en una opción.

Http://api.jquery.com/change/

Para seleccionar casillas, casillas de verificación y botones de radio, el evento se dispara inmediatamente cuando el usuario realiza una selección con el ratón, pero para el otros tipos de elementos es el evento diferido hasta que el elemento pierde centrar.

Agregar este fragmento de código después de val () parece funcionar:

$(":input#single").trigger('change');

Para hacerlo más fácil agregue una función personalizada y llámela cuando quiera que cambie el valor también active change

$.fn.valAndTrigger = function (element) {
    return $(this).val(element).trigger('change');
}

Y

$("#sample").valAndTirgger("NewValue");

O puede anular la función val para llamar siempre al cambio cuando se llama al val

(function ($) {
    var originalVal = $.fn.val;
    $.fn.val = function (value) {
        this.trigger("change");
        return originalVal.call(this, value);
    };
})(jQuery);

Muestra en http://jsfiddle.net/r60bfkub/

En caso de que no desee confundirse con el evento de cambio predeterminado, puede proporcionar su evento personalizado

$('input.test').on('value_changed', function(e){
    console.log('value changed to '+$(this).val());
});

Para activar el evento en el valor establecido, puede hacer

$('input.test').val('I am a new value').trigger('value_changed');

Me encontré con el mismo problema mientras usaba CMB2 con Wordpress y quería engancharme al evento de cambio de un metabox de carga de archivos.

Así que en caso de que no pueda modificar el código que invoca el cambio (en este caso el script CMB2), use el código a continuación. El desencadenador se invoca DESPUÉS de que se establece el valor, de lo contrario su controlador de eventos de cambio funcionará, pero el valor será el anterior, no el que se establece.

Aquí está el código que uso:

(function ($) {
    var originalVal = $.fn.val;
    $.fn.val = function (value) {
        if (arguments.length >= 1) {
            // setter invoked, do processing
            return originalVal.call(this, value).trigger('change');
        }
        //getter invoked do processing
        return originalVal.call(this);
    };
})(jQuery);

$(":input#single").trigger('change');

Esto funcionó para mi guión. Tengo 3 combos y enlace con el evento chainSelect, necesito pasar 3 valores por url y seleccionar por defecto todo desplegable. Usé este

$('#machineMake').val('<?php echo $_GET['headMake']; ?>').trigger('change');

Y el primer evento funcionó.

Si acaba de agregar la opción seleccionar a un formulario y desea activar el evento de cambio, he encontrado que se requiere un setTimeout de lo contrario jQuery no recoge el cuadro de selección recién agregado:

window.setTimeout(function() { jQuery('.languagedisplay').change();}, 1);