1

Não sei se existe essa possibilidade, mas gostaria de saber se tem como executar uma determinada ação após a ação do change de um select.

Vamos supor que eu tenho um select assim:

<select name="meuSelect" id="meuSelect">
    <option value="0">Selecione</option>
    <option value="1">Primeiro item</option>
    <option value="2">Segundo item</option>
</select>

e com o jQuery para eu executar algo quando o usuário seleciona um item eu pego assim:

$(document).ready(function() {
    $("#meuSelect").change(function() {
        // executa uma ação qualquer
        console.log('executou tudo por exemplo');
    });

    //somente executar a proxima ação após ter concluido tudo do 'change'
    //pensando que essa ação do change esta em outro arquivo 
    //e esta sendo chamado por um $(seletor).on('change', function(){});
    //coloquei aqui somente como exemplo, mas o change aqui não existe

    console.log('Agora sim');
});

Espero que tenha sido claro nos comentários, explicando um pouco melhor meu problema

2
  • Marcelo, percebi pelos comentários da resposta dada pelo João Paulo que o que você está fazendo é uma requisição assíncrona. Nesse tipo de requisição o seu código de callback deve estar logo após a requisição ao servidor senão não vai funcionar de forma adequada. Commented 5/06/2014 às 15:16
  • O post seguinte talvez te ajude: pt.stackoverflow.com/questions/2232/… Commented 5/06/2014 às 15:29

2 Respostas 2

2

Cria outra função change na página, depois da referencia a esse script externo.

Veja como funciona: http://jsfiddle.net/johnflaster/Tavb5/1/

Exemplo:

<script src="script_externo.js">

<script>

$(document).on("change", "#meuSelect", function(){
    console.log('Isso sera executado depois do primeiro change, por causa da ordem em que foi colocado na pagina');
});

</script>
6
  • Então eu cheguei a fazer isso mas não funcionou pois eu carrego esse html com um ajax e com isso vem esse js que executa o que eu disse, sei que não é a melhor forma, mas é uma que consegui, mas acabei travando ai Commented 3/06/2014 às 20:51
  • Troca $("#meuSelect").change(function(){ por $(document).on("change", "#meuSelect", function(){. Que ai o change funcionara pra elementos criados dinamicamente.
    – Joao Paulo
    Commented 3/06/2014 às 20:53
  • já tinha testado assim também e nada... acho que irei ter que arrumar as chamadas para que isso realmente funcione da forma correta. Ainda assim obrigado. Commented 3/06/2014 às 20:58
  • Quando você vai no console do navegador (F12) ele apresenta algum erro de javascript? Pode colar aqui?
    – Joao Paulo
    Commented 3/06/2014 às 20:59
  • Se puder postar o codigo real com a chamada do codigo externo e com o seu js também ajuda. De repente tem algum erro bobo no meio.
    – Joao Paulo
    Commented 3/06/2014 às 21:00
1

É só encapsular em uma função, só pra manter a organização, e então chamar a function dentro do seu callback:

$(document).ready(function() {

    function doAfterChange(){
        console.log('Agora sim');
    }

    $("#meuSelect").change(function() {
        // executa uma ação qualquer
        console.log('executou tudo por exemplo');

        // Lá vai:
        doAfterChange();
    });
});
2
  • Entendi o que passou, mas não irei poder alterar a função externa que faz o change, mas ainda assim obrigado Commented 3/06/2014 às 20:59
  • Ah, agora entendi o que você escreveu lá em cima :) Bom, pena que não solucionou, vou ficar de olho pra aprender mais essa também ^^ Commented 3/06/2014 às 21:09

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .