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

Выполнить функцию javascript после завершения другой функции

  • 772

У меня есть следующий сценарий:

  1. Получение переменных с сервера.
  2. Выберите в выпадающем списке одно из значений переменной из предыдущего пункта.
  3. В этом раскрывающемся списке есть событие onchange, которое создает элементы следующего раскрывающегося списка (каскадная загрузка данных).
  4. Во втором раскрывающемся списке должно быть другое значение одной из выбранных переменных (точка 1).
  5. Запустите отправку.

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>

Я пытался сделать привязку, триггер, и это не сработало. Бывает, что это LlamarFuncionзанимает некоторое время, поэтому установка setTimeout() также не будет хорошим вариантом.

Стоит отметить, что код находится в формате, document readyпоэтому он будет работать в хорошем темпе.

javascript

2 Answers

  1. Best Answer

    Используя jQuery, вы можете добиться этого:

    //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); 
});

    Да прибудет с тобой сила :D

    Ссылка: 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();
    }
});

    Я думаю не безопасно выполнять функции из меток, надеюсь и у вас сработает. Этот пример работает быстрее, чем загрузка напрямую из тега

    • 0