Question

只是想知道jQuery和ASP.Net。我有一个jsfiddle：

按下确定按钮后，表单将提交给ViewCalls.aspx。

代码在Classic ASP页面上运行正常，但是如果我将它移动到ASP.Net中，则没有任何反应。似乎它无法将提交事件绑定到表单。但这是一个猜测，因为Chrome的JS检查员没有报告任何内容。

.submit（）是否与ASP.Net页面不兼容？代码是：

$(function () {
$('#AssignCall').dialog({
    autoOpen: true,
    show: "fade",
    hide: "fade",
    modal: true,
    buttons: {
        "Ok": function () {
            $("#AssignCallForm").submit();
            //$(this).dialog("close");
        },
            "Cancel": function () {
            $(this).dialog("close");
        }
    }
});

}）;

<div id="AssignCall" title="Assign Call" style="display:none;">
    <form id="AssignCallForm" method="post" action="ViewCalls.aspx"> <span id="ctl00_MainContent_AssignTo">Assign to:</span>

        <select name="ctl00$MainContent$AssignToDropDown" id="ctl00_MainContent_AssignToDropDown">
            <option value="Please Select">Please Select</option>
            <option value="test1">Test1</option>
        </select>
        <input type="hidden" name="ctl00$MainContent$Action" id="ctl00_MainContent_Action" value="AssignCall" />
    </form>
</div>

Answer 1

要运行服务器端代码，您可能需要执行以下操作：

jQuery的：

$(function () {
$('#AssignCall').dialog({
    autoOpen: true,
    show: "fade",
    hide: "fade",
    modal: true,
    buttons: {
        "Ok": function () {
            $("#button").click();
            //$(this).dialog("close");
        }, 
            "Cancel": function () {
            $(this).dialog("close");
        }
    }
});

ASP.NET：

<asp:button runat="server" id="button" ClientIdMode="static" OnClick="ButtonClick" />

背后的代码：

protected void ButtonClick(object sender, EventArgs e)
{
   //server side stuff
}

OR

您可以省略OnClick事件，只需提交表单...

编辑：

对JSFIDDLE

进行了更改

Jquery .submit（）事件不能与ASP.net页面一起使用？

1 个答案: