1

これは簡単に思えますが、ほぼ 3 時間かかりましたが、それでも解決には至りませんでした

カラーボックスを使用してメインページから他のページに移動するカラーボックスプラグインがあります。つまり、ボタンをクリックすると、ドロップダウンのある新しいページでポップアップが開き、ボタンまたはカラーボックスをクリックするとポップアップ、ポップアップで選択した値をメインページに表示したいので、その値を使用してさらに移動する操作を行うことができます

これが私が試したコードです

<script type="text/javascript">
    $(document).ready(function () {
        $('.PopUp').colorbox({
            iframe: true,
            innerWidth: 250,
            innerHeight: 150,
            onClosed: function () {
            }
        });
    })
</script>

ポップアップは新しいページで開かれますが、閉じるボタンをクリックしたときにポップアップからドロップダウンの値を返す方法がわかりませんでした

4

1 に答える 1

1

あなたがしたいことは、iFrame の親にアクセスし、いくつかの DOM 要素をドロップダウンの値に設定して、onClosed: 関数で取得できるようにすることです。

したがって、iFrame にスクリプトを追加して、このようなことを行います。

<script>

   $('#completedAction').onClick(function() {
      var selectedValue = $('#dropdown option:selected').val();

      $('#domElementWhereYouWantToStoreValueOnParent', window.parent.document).val(selectedValue);

      parent.$.fn.colorbox.close(); //Close Colorbox

   });

</script>

次に、 onClosed 関数で、次のように値を取得できます。

var valueFromiFrame = $("#domElementWhereYouWantToStoreValueOnParent").val();

幸運を。

于 2013-02-24T19:40:18.050 に答える