jQuery .trigger(“cambio”) no funciona

no puedo conseguir .trigger("change") trabajar. ¿Alguien sabe por qué?

jQuery(document).ready(function () {

    jQuery("select[id='DROPDOWNID']").change(function () {

        var selectedIndex = jQuery("select[id='DROPDOWNID']").prop('selectedIndex');

        switch (selectedIndex) {
            case 0:
                hideVarforProspekt();
                break;
            case 1:
                hideOrdervarde();
                break;
            case 2:

                break;
            case 3:
                hideSektor();
                break;
        }
    });

    ** jQuery("select[id='DROPDOWNID']").trigger("change"); **


    function hideVarforProspekt() {
        jQuery("input[id='IDFROMSHAREPOINT']").closest('tr').hide();
    }

    function hideSektor() {
        jQuery("table[id='IDFROMSHAREPOINT']").closest('tr').hide();
    }

    function hideUppskOrder() {
        jQuery("input[id='IDFROMSHAREPOINT']").closest('tr').hide();
    }
});

El controlador de eventos de cambio debe definirse antes de llamar al .trigger('change') o .change()

A continuación se muestran 2 escenarios.

Escenario 1: donde se llama al evento de cambio antes de que se defina.

    $(document).ready(function() 
    {
       $('#selector').change();   or  $('#selector').trigger('change');
       $('#selector').on('change', function(){

        });
    });

Escenario 2: donde se define el controlador de eventos de cambio antes de llamarlo

$(document).ready(function() 
{
    $('#selector').on('change', function(){

    });
    $('#selector').change();   or  $('#selector').trigger('change');
});

Para mí, el problema se solucionó cuando uso el escenario 2. ¡¡Espero que esto ayude!!

A veces, el uso del disparador no es necesario:

// use just jQuery("#DROPDOWNID") instead
var select = jQuery("select[id='DROPDOWNID']");

// placing the handler in separate function
var changeHandler = function () {
    var selectedIndex = select.prop('selectedIndex');
    switch(selectedIndex) {
        case 0:
            hideVarforProspekt();
        break;
        case 1:
            hideOrdervarde();
        break;
        case 2:

        break;
        case 3:
            hideSektor();
        break;
    }
}

// cache your jQuery selectors. It's a good practice
// and improves the readability
select.change(changeHandler);

// triggering
changeHandler();

Aquí hay una versión de trabajo que usa la sintaxis de id:

$(document).ready(function () {
  $('select[id=car]').change(function () {
      alert("change: " + $(this).val());
  });

  $("#car").trigger('change');
});

JSFiddle

$('#selector').change();   

o

$('#selector').trigger('change'); 

// El segundo me funciona. Pero deberías llamarlo después de la definición de evento de cambio.

usó esto:

jQuery("#DROPDOWNID").trigger("change");

¿Puedes comprobar el enlace dado? Manifestación

código HTML

<select id="car">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

código jquery

$(document).ready(function(){
  $("#car").change(function(){
    alert("change");
  });

    $("#car").trigger('change');
});

Resultado :

Es alerta de fuego

Eliminar identificación = de todos los selectores y reemplácelo con #identificación seleccionada

El .change() El evento espera hasta que el campo de entrada pierde el foco, por lo que no se activará antes de que haga clic o salga del campo.

Así que solo puedes agregar .blur() evento después de la .change() evento como este:

     var $element = jQuery("select[id='DROPDOWNID']");
     $element.change(function () { ... });
     $element.blur();

O puede usar otro evento en lugar de .change()p.ej .keyup(), .paste()etc.

Me sorprende que nadie mencione esto, pero cuando jQuery("select[id='DROPDOWNID']").trigger("change") no hace el trabajo (como cuando intenta emular el cambio en el código angular usando Tampermonkey)
jQuery("select[id='DROPDOWNID']")[0].dispatchEvent(new Event('change')) hace