Perform an action after the change has been made

Question

I do not know if there is such a possibility, but I would like to know if it has to execute a certain action after the action of change of a select.

Let’s assume I have one select thus:

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

and with jQuery for me to perform something when the user selects an item I get like this:

$(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');
});

I hope I was clear in the comments, explaining a little better my problem

Answer 1

Create another change function on the page after referencing this external script.

See how it works: http://jsfiddle.net/johnflaster/Tavb5/1/

Example:

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

Answer 2

It’s just encapsulating in a function, just to keep the organization going, and then calling Function inside your 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();
    });
});