jQuery 更改 ASP.NET AJAX CascadingDropDown 的值

Question

我可以使用 jQuery 来更改 CascadingDropDown 的值，但是导致目标控件的子下拉列表填充数据的触发事件永远不会发生：

$("#<%= ddlFromCompetition.ClientID %>").change(function() {
  var fromValue = $("#<%= ddlFromCompetition.ClientID %>").val();
  $("#<%= ddlToCompetition.ClientID %>").val(fromValue); // causes value to change, but child doesn't update
});

需要明确的是，ddlFromCompetition 和 ddlToCompetition 不是父/子。它是ddlToCompetition 的子代，不会使用上述代码进行更新。当使用鼠标选择ddlToCompetition 时，其子下拉菜单会按预期更新。

我尝试调用$("#<%= ddlToCompetition.ClientID %>").change() 来强制触发事件，但它不起作用。

Answer 1

你需要 trigger() 事件

$("#<%= ddlToCompetition.ClientID %>").trigger('change');

JQuery 文档：http://api.jquery.com/trigger/

此外，因为 ddlFromCompetition 的第一个更改事件处理程序在 ddlFromCompetition 的上下文中触发，所以您应该能够更改...

var fromValue = $("#<%= ddlFromCompetition.ClientID %>").val();

到...

var fromValue = $(this).val();