在.NET Framework 4.7.2中，如何通过JavaScript触发文本框值变化调用C#方法？

步骤1：给TextBox绑定实时触发的JS事件 #

在你的.ascx页面中，给目标TextBox添加oninput属性（该事件会在值实时变化时触发，包括手动输入、日历选择、粘贴操作），同时准备一个隐藏的服务器端按钮用来触发后台方法：

<asp:TextBox ID="txtDate" runat="server" oninput="triggerButtonClick()"></asp:TextBox>
<!-- 隐藏按钮，仅用于触发后台回发 -->
<asp:Button ID="btnHiddenTrigger" runat="server" Text="触发" OnClick="btnHiddenTrigger_Click" Style="display: none;" />

步骤2：编写JS函数触发后台回发 #

在.ascx的<script>标签中实现触发逻辑，有两种常用方式：

方式1：直接触发按钮的点击事件 #

function triggerButtonClick() {
    // 获取服务器端按钮的客户端ID（ASP.NET会自动生成，用<%= %>输出）
    var triggerBtn = document.getElementById('<%= btnHiddenTrigger.ClientID %>');
    if (triggerBtn) {
        // 触发按钮点击，自动回发调用后台方法
        triggerBtn.click();
    }
}

方式2：使用ASP.NET内置的__doPostBack方法 #

这种方式不需要依赖按钮DOM元素，更轻量化：

function triggerButtonClick() {
    // 第一个参数是控件的UniqueID，第二个是自定义事件参数（这里传空即可）
    __doPostBack('<%= btnHiddenTrigger.UniqueID %>', '');
}

步骤3：确保后台方法已定义 #

在对应的.ascx.cs文件中，确认按钮的点击方法存在并包含你的业务逻辑：

protected void btnHiddenTrigger_Click(object sender, EventArgs e)
{
    // 这里写入你原本的buttonClick逻辑
    string currentDate = txtDate.Text;
    // 其他业务处理代码...
}

第三方日历控件的补充处理 #

如果你的日历是第三方控件（比如jQuery UI DatePicker），除了oninput，还需要绑定控件自身的选择事件确保触发：

// 以jQuery UI日历为例
$(function() {
    $('#<%= txtDate.ClientID %>').datepicker({
        onSelect: function(selectedDate) {
            triggerButtonClick();
        }
    });
});

内容的提问来源于stack exchange，提问作者Floxio