How to open multiple windows with jQuery/js and trigger a form submit event?

Question

Given a comma-separated string of URLs, I want to open a separate window for each element of its converted-to array, then submit a form.

The following code only opens one window, and no form submit takes place:

$.each(urlList.split(","), function (index, item) {

    urlList = "http://www.cnn.com,http://www.foxnews.com";

    _gaq.push(['_trackEvent', 'Results', 'Click', 'Classifieds+: ' + item + ' : ' + SourceUrlProviderID]);
    window.open(item, "_blank");
});
document.forms[0].submit();

When I do the following, I get the desired action - three new tabs/windows open, but I it looks like the form submit would be done twice and doesn't quite make sense:

urlList = "http://www.cnn.com,http://www.foxnews.com";

// opens windows for each URL in the string
$.each(urlList.split(","), function (index, item) {
    _gaq.push(['_trackEvent', 'Results', 'Click', 'Classifieds+: ' + item + ' : ' + SourceUrlProviderID]);
    document.forms[0].submit();
    window.open(item, "_blank");
});

Can someone shed some light on this please?

Answer 1

Why urlList is inside $.each? Anyway, I tried this, and works:

var urlList = "http://www.cnn.com,http://www.foxnews.com"
$.each( urlList.split( "," ), function( index, item ) {
    window.open( item, "_blank" )
});
document.forms[0].submit()

Answer 2

you should submit the form just out of the loop (each in this case) if you cannot do that just check if it is the last item.

if (index == urlList.split(",").length)
   document.forms[0].submit();

but to be honest this does not look like a correct way to do. Why you are submitting the form if just for the stats you can use a simple AJAX call.