2012-08-03 103 views
0

我有幾個下拉列表組成的幾個複選框。我有一個iFrame。jQuery傳遞參數給iFrame

我想什麼是當我選擇我需要的任何選項,當我點擊「刷新」按鈕/鏈接,該值傳遞給iFrame的作爲參數,併爲iFrame來刷新

例如,假設我有兩個下拉菜單(下拉菜單A下拉菜單B)。 iFrame的URL將爲www.report.com/reportone

dropdownA具有值1,2,3 dropdownB具有值A,B,C

比方說,我選擇1,2B,C並單擊刷新按鈕,內嵌框架應該再加載這個report.com/reportone?dropdownA=1 & dropdownA = 2 & dropdownB = B & dropdownB = C

我該如何解決這個問題?

感謝

回答

1

像這樣的東西可以幫助你:

var params = ""; 
$("#dropdownA option:selected").each(function() { 
    if (params.length == 0) 
     params += "?"; 
    else 
     params += "&"; 
    params += "dropdownA=" + $(this).val(); 
}); 

$("#dropdownB option:selected").each(function() { 
    if (params.length == 0) 
     params += "?"; 
    else 
     params += "&"; 

    params += "dropdownB=" + $(this).val(); 
}); 
$('#your_iframe_id').attr("src", "report.com/reportone" + params);