如何清除/重置剑道DropDownList与只有javascript？

Question

我有一个剑道DropDownList（名称=函数），其中包含3个选项。当选择一个选项时，它会触发一个ajax调用，以获取数据来填充不同的DropDownList（name=父母）。这正如预期的那样工作。但是，如果用户随后将原始DropDownList功能更改回不同的选择，我需要清除/重置（删除所有选项）并禁用父母DropDownList。

function LoadKendoDropdownContents(dropdownBoxId, data) {
  var dropdownBox = $("#" + dropdownBoxId).data("kendoDropDownList");

  if (data === "" || data === null || $.isEmptyObject(data)) {
    var dataSource = [];
  }
  else {    
    var dataSource = data;
  }

  dropdownBox.setDataSource(dataSource);
}

真正给我带来问题的是“var dataSource=[]”。就像“家长”下拉列表在应用时没有刷新/重新绑定一样。除所选选项之外的所有选项都将被删除，但如何删除先前所选的选项？我希望它再次“空”。

非常感谢。

----我使用的解决方案----

function LoadKendoDropdownContents(dropdownBoxId, data) {
  var dropdownBox = $("#" + dropdownBoxId).data("kendoDropDownList");

  if (data === "" || data === null || $.isEmptyObject(data)) {
    var dataSource = new kendo.data.DataSource({
      data: []
    });

    dropdownBox.text(" --- ");
    dropdownBox.value(-1);
  }
  else {
    var dataSource = new kendo.data.DataSource({
      data: data
    });

    dropdownBox.text("[Select]");
    dropdownBox.value(-1);
  }

  dropdownBox.setDataSource(dataSource);
}

Answer 1

如果已为“父级”和“子级”下拉列表定义了数据源，则可以在子级中使用cascadeFrom（“父级”）方法，并设置一个可以标识为null或clear的值。

Answer 2

使用级联下拉功能可能更容易。

当您更改dataSource时，它会删除下拉项，但您还需要清除所选文本并禁用该框，方法是调用：

dropdownBox.setDataSource(dataSource);
dropdownBox.text('');
dropdownBox.enable(false);