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：函数中检索它。

所以，在你的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();

祝你好运。

彩盒儿童窗口值

1 个答案: