Ajax Javascript Loop Help

Hello experts,

I have three forms that with a textbox that need to be updated when a form from a first form is clicked.

The problem is that this only works properly when I am testing the values of variables with an alert prompt like so:-

     function getPrice(storage_option_id, product_id)
     {
     var x = storage_option_id;
     arrX = x.split('#')
     storage_option_id = arrX[1];
     
     
     var i = 1 ;
    var running = true ;
    while( running )
    {
        var product_size_id = document.getElementById( 'psID' + i ) ;
          var storage_type_id = document.getElementById( 'z' + i );
          var base_id = document.getElementById( 'b' + i );
        if( product_size_id )
        {
            size_id = product_size_id.value;
               storage_type_id = storage_type_id.value;
               base_id = base_id.value;
               //proceed as normal
               var url="getprice.asp?sid=" + Math.random() + "&o=" + product_id + "&p=" + size_id + "&q=" + storage_type_id + "&r=" + base_id + "&s=" + storage_option_id + "&formCnt=" + i
               alert(url) <-----------------------------------TESTING VALUE OF 'url'
               xmlHttp=GetXmlHttpObject(stateChangedForOpt)
               xmlHttp.open("GET", url , true)
               xmlHttp.send(null)
        }
        else
        {
            running = false ;
        }
        i++ ;
    }
     }
     
     
     
     function stateChangedForOpt()
     {
          if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
          {
               var t = xmlHttp.responseText;
               arrtT = t.split('#')
               var i = 1 ;
               var price = document.getElementById( 'price' + arrtT[1]);
               price.value = '£' + arrtT[2];
          }
     }

But when I remove the alert prompt, only the textbox in the last form gts updated.