Color Box Child значение Window

Question

Это, кажется, просто, но это почти заняло 3 часа времени, до сих пор не получил решение

У меня есть ColorBox плагин, где я иду с главной страницы на другую страницу с помощью цветной ящик, я имею в виду, когда я нажимаю кнопку, всплывающее окно открывается с новой страницей с раскрывающимся списком, и когда я нажимаю кнопку или окно цвета во всплывающем окне, я просто хочу, чтобы выбранное значение всплывало до основного страницы, так что с помощью этого значения можно сделать манипуляцию двигаться дальше

Вот код, который я попытался

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

Всплывающее окно открывается с новой страницы, но я не получил способ вернуть значение выпадающего списка из всплывающего окна, когда я нажимаю кнопку закрытия.

Answer 1

Что вы хотите сделать, это получить доступ к родительскому элементу iFrame и установить некоторый элемент DOM к значению выпадающего списка, чтобы вы могли получить его в своей функции onClosed:.

Таким образом, в вашем плавающем фрейме добавить скрипт, чтобы сделать что-то вроде этого

<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(); 

удачи.