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 回答