asp.net - ASP.NET AJAX CascadingDropDown 的 jQuery 更改值

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不是 parent / child 。它是 ddlToCompetition 的 child 使用上面的代码不会更新。当选择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();