如何在关闭时从 Fancybox iframe 中的文本字段中获取值

Question

我在fancybox(2) iframe 中有一个测验，完成后我在Fancybox 页面上的隐藏文本框中保存了一个分数：

<form>
      <input type="text" id="theresult" hidden="true"/>
</form> 

现在当用户关闭 Fancybox 时，我需要捕获这个值供父页面使用，我已经尝试过：

$('.fancybox1').fancybox({
        width: 800,
        height: 500,    
        beforeClose: function () {
                 var testResult = $("#fancybox-frame").contents().find('input#theresult');
                 $('#txtTestValue').attr('value', testResult );
        }
});

但这会返回“[object Object]”...

我做错了什么？！

Answer 1

由于您使用的是fancybox v2.x，您可能需要定位正确的选择器，所以试试这个

beforeClose : function () {
    var testResult = $(".fancybox-iframe").contents().find("#theresult").val();
    $('#txtTestValue').attr('value', testResult);
}

注意变化：

$("#fancybox-frame")

...应该是

$(".fancybox-iframe")

...我还添加了.val() 方法。

Answer 2

您正在存储输入字段本身。您应该存储输入的值：

var testResult = $("#fancybox-frame").contents().find('input#theresult').val();