2013-02-24 43 views
1

這似乎很簡單,但它幾乎花了3個小時的時間,仍然沒有得到解決彩盒子窗口值

我有一個顏色框插件,我從主頁轉到其他網頁使用顏色框,我的意思是,當我點擊一個按鈕時,彈出窗口打開時會出現一個有下拉的新頁面,當我點擊按鈕或彈出框中的顏色框時,我只想將彈出窗口中的選定值頁面,因此使用該值我能做操縱移動進一步

這裏是我試過

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

彈出式菜單是用新頁面打開的,但是我沒有得到如何從彈出式菜單中返回下拉菜單的值,當我單擊關閉按鈕時

回答

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功能,您可以retrive這樣的值:

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

好運。

+0

好的,但實際上我需要點擊iframe按鈕後重定向到的url,所以爲此,我在父對象上覆蓋了一個元素,並使用當前位置覆蓋它,然後我在主框架的關閉功能中使用該元素 – Raghurocks 2013-02-26 09:34:19

+0

無論如何感謝您的答案 – Raghurocks 2013-02-26 09:35:42