Question

I am using a Javascript function to get the values of a URL to pass to jQuery using the function below:

 function getUrlVars()
    {
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
    return vars;
    }

And then setting the value like this:

 var type = getUrlVars()["type"]

This all works perfectly, however I have just come into a situation where I need to get multiple values, one of my form elements are checkboxes where multiple values can be checked, so my URL will look something like this:

 http://www.domain.com/test.php?type=1&cuisine[]=23&cuisine[]=43&name=test

If I alert out the cuisine value using the function above I only ever get the final value:

 alert (getUrlVars()["cuisine[]"]);

Would alert “43”.

What I would like it to be is a comma delimited string of all “cuisine” values. ie in the above example “23,43”

Any help very welcome! In case any solution requires it I am using PHP 5.3 and Jquery 1.4

Answer 1

    function getUrlVars()
    {
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
            hash = hashes[i].split('=');

            if($.inArray(hash[0], vars)>-1)
            {
                vars[hash[0]]+=","+hash[1];
            }
            else
            {
                vars.push(hash[0]);
                vars[hash[0]] = hash[1];
            }
        }

        return vars;
    }