Home / Questions / 55272
Accepted
fredyfx
Asked: 2020-03-15 10:13:51 +0800 CST 2020-03-15 10:13:51 +0800 CST

Execute javascript function after completing another function

  • 772

I have the following scenario:

  1. Receive variables from the server.
  2. Select in a dropdown one of the values ​​of a variable from the previous point.
  3. This dropdown has an "onchange" event that generates the elements of the next dropdown (cascading data load).
  4. The second dropdown must have another value of one of the variables (point 1) selected.
  5. Run a submit.

HTML

<select id="SelectID" name="SelectName" onchange="LlamarFuncion()">
  <option value='Los Angeles'>Los Angeles</option>
  <option value='San Bernardino'>San Bernardino</option>  
  <option value='Riverside'>Riverside</option>
  <option value='Orange'>Orange</option>  
</select>
<select id="SelectID2" name="SelectDetail">
</select>

javascript

<script>
function LlamarFuncion(){
   //Esto demora
}
</script>

I tried to make a bind, a trigger and it didn't work. It happens to LlamarFunciontake a while, so putting a setTimeout() would not be a good option either.

It is worth mentioning that the code is in a document readyso it will run at a good pace.

javascript

2 Answers

  1. Best Answer

    Using jQuery this can be achieved by:

    //Esto hará que se defina el primer valor y con ello se ejecutará "LlamarFuncion"
$("#SelectID option[value='"+UnoDeLosValoresDeUnaTusVariables+"']").attr("selected",true);

//De manera general, se trabaja así:
$.when(function1()).then(function2());

//En este caso, sería de este modo:
$.when(LlamarFuncion()).then(function(){
    $("#SelectID2 option[value='"+OtroDeLosValoresDeUnaTusVariables+"']").attr("selected",true); 
});

    May the force be with you :D

    Reference: http://api.jquery.com/jQuery.when/

    • 7 
  2. $(function () {
    // bind change event to select
    $('#mySelect').on('change', function () {
        var url = $(this).val(); // get selected value
       myFunction();
    }
});

    I think it is not safe to execute functions from the labels, I hope and it works for you. This example works faster than loading directly from the tag

    • 0