Usando o trigger da jQuery

Esse método já me salvou a vida algumas vezes – com ele é possível disparar um evento de um (ou mais) elementos sem que haja a interacão do usuário.

Por exemplo, imagine o seguinte html:

<select id="meu_select">
   <option value="SP">São Paulo</option>
   <option value="RJ">Rio de Janeiro</option>
   <option value="RS">Rio Grande do Sul</option>
</select>

Com a seguinte implementação javascript (usando jQuery):

$("select#meu_select").change(function() {
   //faz alguma coisa aqui, como uma requisição assíncrona por exemplo
});

Simples, não? Sempre que houver uma mudança no select, será chamadop o bloco de código dentro do change()
Agora, e se você quiser a qualquer ponto do fluxo chamar esse change(), ou simular que o usuário fez uma seleção? Por exemplo, quando a página carrega, você já quer chamar esse bloco para que algo aconteça.
Existe um método no jQuery, trigger, com o qual você pode resolver isso. Simples assim:

$("select#meu_select").trigger("change");

Nesse caso, o método change do elemento select#meu_select é disparado, sem precisar de outras interferências.

Para mais detalhessobre o método e outras formas de usá-lo, visite a documentação oficial.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *