Question

我有一个包含多个选择列表的页面。在用户进行选择并单击按钮后，我将所选选项和值添加到包含相同选择列表的不同页面的URL中。

我想使用查询在新页面上选择适当的值，方法是循环查询并设置相应选择列表的值，以便新页面上的列表反映它们刚来自的页面。

这是用于测试的代表性查询字符串; http://website.com/sign-up/?tf-from-country=Uruguay&tf-to-country=Canada

这是6小时的研究失败，但我不知道为什么。

    if ( window.location.search ) {
//console.log( window.location.search.substr(1).split('&') );

    var qs = window.location.search.substr(1).split('&');

    for (var i=0; i< qs.length; i++){
        var param = qs[i].split('=');
        // console.log('setting field', param[0], 'to', param[1]);
        //$('.' + param[0]).addClass('foundit');
            // select list set to param
            var element = '.' + param[0];
            $(element).val(param[1]).attr("selected", true);
            //console.log(element);
    }

}

Answer 1

要获取URL中的变量，请使用以下函数：

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;
}

这会返回一个包含所有变量的关联数组。

使用URL查询将选择列表值设置为选定

1 个答案: