jQuery将参数传递给iFrame

时间:2012-08-03 13:24:50

标签: jquery jquery-ui iframe jquery-selectors

我有几个下拉列表,包含几个复选框。我有一个iFrame。

当我点击"刷新"当我选择我需要的任何选项时,我想要的是什么?按钮/链接,值将作为参数传递给iFrame并刷新iFrame

例如,假设我有两个下拉菜单( dropdownA dropdownB )。 iFrame的网址为 www.report.com/reportone

dropdownA 的值为 1,2,3 dropdownB 的值为 A,B,C

假设我选择 1,2 B,C 并点击刷新,iFrame应该加载此 report.com/reportone ?dropdownA = 1&安培; dropdownA = 2及dropdownB = B和dropdownB = C

我该如何设置呢?

由于

1 个答案:

答案 0 :(得分: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);