获取 jquery 对话框的 ui 元素值

Question

我有两个 web 表单，例如 webform1 和 webform2。 我将 webform2 称为来自 webform1 的对话框。 我想在对话框的单击按钮事件上访问 ui 元素（例如隐藏字段）。 当焦点位于对话框（webform2）上时，我可以在控制台中获取隐藏的字段值，但是当我单击对话框按钮并在 JS 中执行按钮事件的代码时，隐藏字段值变得未定义。

$(function () {
    $("#dialog").dialog({
        autoOpen: false,
        modal: true,
        width: 950,
        title: "Add Lines to Manual Invoice",
        close: function () {
            $(this).dialog("close");
        },
        buttons: {

            okay: function () {

                console.log($('#HiddenField1').val()) // This is undefined while i want to access webform2 vlaue
                $(this).dialog("close");

            }
        },
        show: {
            effect: "slide",
            duration: 1500
        }
    });
    $("#opener").click(function () {
        $("#dialog").dialog('open');
        return false;
    });
});

我在 iframe 标签中加载了 webform2，如下所示：

<button id="opener">open the dialog</button>
<div id="dialog" title="Dialog Title"><iframe style="border: 1px;height:700px;width:930px;" src="WebForm2.aspx"></iframe></div>

Answer 1

我已经用下面的代码行解决了这个问题。

$(this).find('iframe').contents().find('[id="HiddenField1"]').val()