使用事件处理程序调用代码不起作用

Question

我有一个由两个下拉框和一个网格视图组成的网页。我创建了一个 Web 服务来收集下拉框的数据，并使用 ajax 调用来填充它们。我遇到的问题是当我尝试添加 OnSelectedIndexChanged 事件处理程序时，它似乎无法正常工作。我环顾四周，尝试了一些事情。我已将 EnableEventValidation 设置为 false（我认为这解决了与我的 ddl 在 js 中动态填充相关的问题）。我还在我的 ddl 上启用了 AutoPostBack。

当我更改 ddl 索引时，页面似乎正在回发，但我的 dll 索引反转回之前选择的索引。

<div class="row control-group">
     <div class="form-group col-xs-12" id="mailbox">
           <label>Which bills would you like to view?</label>
           <asp:DropDownList ID="ddlDepartment" runat="server" CssClass="form-control"></asp:DropDownList>
           <asp:DropDownList ID="ddlUser" runat="server" CssClass="form-control" OnSelectedIndexChanged="ddlUser_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList>
           <p class="help-block text-danger"></p>
    </div>
</div>

var a = 1;只是为了让我可以在那里放一个断点。

protected void ddlUser_SelectedIndexChanged(object sender, EventArgs e)
{
   var a = 1;
}

下面是ajax请求和grid的生成

function getUsers() {

  var department = $('select#MainContent_ddlDepartment option:selected').val();

  $.ajax({
      type: "GET",
      url: "WEBSERVICEURL" + department + "",
      contentType: "json",
      dataType: "json",
      async: false,
      success: function (data) {
          var ddlUsers = $("#MainContent_ddlUser");
          ddlUsers.empty();
          $.each(data, function () {
              ddlUsers.append($("<option></option>").val(this['SamAccountName']).html(this['DisplayName']));
          });
      },
      error: function (xhr) {
      }
  })
}

谢谢

Answer 1

您不能这样做。ASP.NET 中内置了一个称为事件验证的安全功能，可防止您发布服务器创建页面时不存在的数据。

您（或黑客）正在使用 javascript 更改下拉选项，然后尝试通过 SelectedIndexChanged 将更改提交到服务器 - 您知道为什么不允许这样做吗？

作为一种解决方法，您可以使用 jQuery 在下拉列表中实现change() 事件，并使用 $.ajax 进行服务器端调用：

$("#ddlUser").change(function () {
    alert("write $.ajax call to call the server here...");
});