[jQuery] Problem with chronological order : jQuery code runs too late

[Julien]

Hi,

I'm trying to set the values of hidden HTML inputs storing product
options for Paypal checkout.
These values are retrieved by a "POST " ajax request. The values are
correctly retrieved but don't seem to update the form.

The jQuery code seems to run concurrently with the other Javascript
tasks all around and not respecting the chronological order.

For instance, the retrieved option values are displayed last, and not
just after the call to SetOptionStringsInPaypalForm() like they
should.

This occurs despite my tentative to isolate the jQuery code in a
distinct function.

Any idea how to force the chronological order ?

Thanks.

Julien


// Retrieve product option values from session variables.

function SetOptionStringsInPaypalForm() {

    var f = document.forms.paypal;

    $(':input[class]', f).each( // for each input element in the
hidden PayPal form
                                // which has its "class" attribute
set.
                                // (In this case, the on0_ / os0_, and
on1_ / os1_ elements.)
                                // We only seach inside the form used
for the checkout !

      function () {
        var field = this;
        var fieldName = this.name;
        var fieldPrefix = fieldName.substr(0,3);

        // only keep option strings fields
        if ((fieldPrefix == 'os0') ||(fieldPrefix == 'os1') ) {

            // Make an Ajax "POST" request to get the option string
value stored in the session variable.
            $.post(cart_doc,
                {
                  action: 'retrieve_opt',
                  name: fieldName
                  },
                function (chosenOption) {

                  // Some feedback about what happens.

                  // THE FOURTH SET OF MESSAGES TO BE DISPLAYED
                  alert('Field');
                  alert(field.name);
                  alert('Chosen option:')
                  alert(chosenOption);

                  // The value returned by chosenOption is OK.

                  field.value=chosenOption; // Setting chosen option !

                  // Setting the value, does not seem to work.
                }
            );

        }

      }  // end of function

    );  // end of "each()" sandwich

    // THE SECOND MESSAGES TO BE DISPLAYED
    alert('Now the form content is :');
    alert(f.innerHTML);
}

function SetOptionsRightNow() {

        alert('BEFORE');  // THE FIRST MESSAGE TO BE DISPLAYED

        SetOptionStringsInPaypalForm();

        // THE THIRD TO BE DISPLAYED
        alert('AFTER');
}