jQuery - 根據其值設置選擇的下拉列表索引

Question

我試圖做的是以下內容。

有人通過GET發送表單到我的結果頁面。當結果提交頁面，網址看起來像這樣的例子

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 =意大利」，所以我想設置的選項值「意大利製造」的選擇。我將如何實現這一目標？

Answer 1

退房這個話題： Selecting option by text content with jQuery

我相信這樣做你問什麼。

Answer 2

使用此功能described here：

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 3

使用此功能來從查詢字符串值，它使用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 4

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，你可以使用它，因爲你想要的。

Answer 5

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