Perform an action after the change has been made

Question

Perform an action after the change has been made

Navigation

#1 by (2 votes)
#2 by (1 votes)

1

I do not know if this is possible, but I would like to know if you can do a certain action after the action of change of a select .

Let's suppose I have a select like this:

<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 execute 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 it was clear in the comments, explaining my problem a little better

javascript jquery

asked by anonymous 03.06.2014 / 22:36

2 answers

How to register variables of this array? C # ManualResetEvent

score 2 · Answer 1

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

See how it works: link

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>

score 1 · Answer 2

Just encapsulate in a function, just to keep the organization, and then call the 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();
    });
});