在執行get方法之前執行的JavaScript for循環

Question

在以下示例變量e包含選擇框中所有選定的客戶端，我將它們在for循環中逐個迭代，並通過jQuery的get方法傳遞它們根據客戶端的值，但for循環在get方法結束之前執行，並且由於它改變了val（下一個值）的值。如何解決這個問題？

var e = document.getElementById("client"); 
for (var i = 0; i < e.options.length; i++) { 
    if (e.options[i].selected) { 
     var val = e.options[i].value; 
     alert(val); // here it is coming normally 

     $('#fund').append('<option value=' + select.options.length + '>---' + val + '----</option>'); 
     $.get("listFundsForClient", { client: val }, function(data) { 
      alert("2nd:" + val);// here it is taking next value due to for loop iteration 
     }); 
    } 
} 

Answer 1

可以使用$.ajax()同步做它撥打電話，這樣的：

$.ajax({ 
    url: myUrl, 
    async: false, 
    data: myData, 
    success: function(data) { 
    //stuff 
    } 
}); 

Answer 2

這是因爲這裏val是一個閉包變量，它可以重新寫爲

$('#client option:selected').each(function(){ 
    var $this = $(this), val =$this.val(); 
    alert(val); // here it is coming normally 

    $('#fund').append('<option value='+select.options.length+'>---'+val+'----</option>'); 
    $.get("listFundsForClient", {client: val}, function(data) { 
     alert("2nd:"+val);// here it is taking next value due to for loop iteration 
    }); 
})