Question

在一个页面中，我有一个链接;单击它会打开一个对话框并为该对话框设置文本框值。

但是，一旦我点击该对话框中的提交，文本框值就为空。

链接：

<a href="#" onclick="javascript:expand('https://me.yahoo.com');
jQuery('#openiddialog').dialog('open'); return false;">
<img id="yahoo" class="spacehw" src="/Content/Images/spacer.gif" /></a>

脚本：

<script type="text/javascript">
  jQuery(document).ready(function () {
    jQuery("#openiddialog").dialog({
        autoOpen: false,
        width: 600,
        modal: true,
        buttons: {
           "Cancel": function () {
              $(this).dialog("close");
           }
        }
    });
});
function expand(obj) {
    $("#<%=openIdBox.ClientID %>").val(obj);
}

对话框：

<div id="openiddialog" title="Log in using OpenID">
<p>
    <asp:Label ID="Label1" runat="server" Text="OpenID Login" />
    <asp:TextBox ID="openIdBox" EnableViewState="true" runat="server" />
    <asp:JButton Icon="ui-icon-key" ID="loginButton" runat="server" Text="Authenticate" OnClick="loginButton_Click" />
    <asp:CustomValidator runat="server" ID="openidValidator" ErrorMessage="Invalid OpenID Identifier" ControlToValidate="openIdBox" EnableViewState="false" OnServerValidate="openidValidator_ServerValidate" />
    <br />
    <asp:Label ID="loginFailedLabel" runat="server" EnableViewState="False" Text="Login failed" Visible="False" />
    <asp:Label ID="loginCanceledLabel" runat="server" EnableViewState="False" Text="Login canceled" Visible="False" />
</p>
</div>

Answer 1

我想：

我必须添加此行以将对话框附加到表单，因为jquery对话框附加到正文：

$("#openiddialog").parent().appendTo(jQuery("form:first"));

整个脚本现在应该如下所示：

<script type="text/javascript">
jQuery(document).ready(function () {
    jQuery("#openiddialog").dialog({
        autoOpen: false,
        width: 600,
        modal: true,
        buttons: { "Cancel": function () {
            $(this).dialog("close");
        }
        }
});
$("#openiddialog").parent().appendTo(jQuery("form:first"));
});
function expand(obj) {
    $("#<%=openIdBox.ClientID %>").val(obj);
}

Answer 2

为什么在文本框ID之前添加＃？我认为你应该使用：

function expand(obj) {
    $("<%=openIdBox.ClientID %>").val(obj);
}

在回发时丢失文本框值

2 个答案: