0

いくつかのチェックボックスで構成されるいくつかのドロップダウンリストがあります。私はiFrameを持っています。

必要なオプションを選択したとき、「更新」ボタン/リンクをクリックしたときに、値がパラメーターとしてiFrameに渡され、そのiFrameが更新されるようにしたいのです。

たとえば、2つのドロップダウン（dropdownAとdropdownB）があるとします。iFrameのURLは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をロードする必要があります。

これを設定するにはどうすればよいですか？

ありがとう

4

1 に答える 1

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);
于 2012-08-03T13:42:22.417 に答える