html - MVC - 更改功能的下拉过程ajax调用

Question

不知道我在这里做错了什么，但由于某种原因，on change 功能没有命中。我希望这里有人能指出我正确的方向。

我有一个包含一些引导选项卡的视图，在其中一个选项卡中我有一个下拉列表。我想要发生的是，当用户选择一年时，它会对控制器进行 ajax 调用，获取 json 数据并用数据填充表。这是我的代码：

在视图中：

    <div id="StatementsTab" class="tab-pane fade">
                        <div class="text-left dash-left-padding dash-right-col-content-billing">
                            <select class="form-control edi-blue" id="ddlStatements">
                                <option value="0">VIEW STATEMENTS</option>
                                <option value="@DateTime.Now.Year">@DateTime.Now.Year STATEMENTS</option>
                                <option value="@DateTime.Now.AddYears(-1).Year">@DateTime.Now.AddYears(-1).Year STATEMENTS</option>
                                <option value="@DateTime.Now.AddYears(-2).Year">@DateTime.Now.AddYears(-2).Year STATEMENTS</option>
                                <option value="@DateTime.Now.AddYears(-3).Year">@DateTime.Now.AddYears(-3).Year STATEMENTS</option>
                                <option value="@DateTime.Now.AddYears(-4).Year">@DateTime.Now.AddYears(-4).Year STATEMENTS</option>
                                <option value="@DateTime.Now.AddYears(-5).Year">@DateTime.Now.AddYears(-5).Year STATEMENTS</option>
                            </select>
                            <br />
                            <table id="statementtbl">
                                <tr>
                                    <td></td>
                                </tr>
                            </table>

和jQuery：

    $("#ddlStatements").change(function () {
        console.log("change function yes");
        var yr = $("#ddlStatements").val();
        if (yr > 0){
            $.ajax({
                //var url = '../LabOrder/DeletePatientNoteAttachment?PatientNotes=' + JSON.stringify(yr);
                url: '..Members/GetStatements',
                data: 'Year=' + yr, // Send value of the drop down change of option
                dataType: 'json', // Choosing a JSON datatype
                success: function (data) {
                    console.log("success");
                    // Variable data contains the data you get from the action method
                },
                error: function (ex) {
                    console.log(ex);
                }
            });
           
        }
    });

我不知道为什么，但控制台日志没有被击中。请帮忙...

标签： htmljqueryasp.net-mvc-4