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