jquery - jQuery - 根据其值设置下拉列表的选定索引

Question

我尝试做的是以下内容。

有人通过 GET 向我的结果页面发送表单。提交结果页面时，URL 如下所示

index.php?Reiseziel=Italy

现在，有一个 ID 为 #filtercountry 的选择，它包含所有可用于过滤的国家/地区。当设置了 GET 值 Reiseziel 时，我想遍历选择的值并选择正确的选项。

例如，选择包含

<select name="Reiseziel" id="filtercountry">
<option value="Please choose..." />
<option value="Germany" />
<option value="Italy" />
<option value="Spain" />

URL 包含“index.php?Reiseziel=Italy”，所以我想将选项值“italy”设置为选中。我将如何实现这一目标？

Answer 1

function getQueryStringFromUrl()
{
    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;
}

 $(document).ready(function () {
        var name = getQueryStringFromUrl("Reiseziel");
        $('#dropdownid').val(name);
    });

Answer 2

查看此主题： 使用 jQuery 按文本内容选择选项

我相信这完全符合您的要求。

Answer 3

使用此处描述的此功能：

function GetURLParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++) 
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam) 
        {
            return sParameterName[1];
        }
    }
}​

然后你可以像这样使用它：

var reiseziel= GetURLParameter('Reiseziel');

然后使用变量设置选定的值。

Answer 4

使用此函数从查询字符串中获取值，它使用RegExp：

function getParameter(name)
{
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.search);
  if(results == null)
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}

然后像这样设置下拉列表的值：

$('#filtercountry').val(getParameter('Reiseziel'));

或这个：

var reiseziel = getParameter('Reiseziel');
$('#filtercountry').val(reiseziel);

Answer 5

 function QueryString(key) {
                fullQs = window.location.search.substring(1);
                qsParamsArray = fullQs.split('&');
                for (i = 0; i < qsParamsArray.length; i++) {
                    strKey = qsParamsArray[i].split("=");
                    if (strKey[0] == key) { return strKey[1]; }
                }
            }

var Reisezielnew = QueryString("Reiseziel");

你会进去country name，Reisezielnew你可以随心所欲地使用它。