Flutter 修改第一个下拉框取值时如何重置第二个联动DropdownButtonFormField

报错的核心原因是：当你修改第一个下拉框（标准选择）的选项时，第二个下拉框（媒介选择）的selectedMedium变量仍然保留着上一次选中的值，但此时你已经清空了_mediums列表并重新请求新的媒介数据，旧的selectedMedium不在新的_mediums的可选条目范围内，Flutter的DropdownButtonFormField要求当前选中值必须存在于可选items列表中，不符合规则就会抛出异常。

只需要在第一个下拉框触发媒介列表更新的逻辑里，同步把selectedMedium重置为null即可。

修改onMediumChange方法 #

void onMediumChange(standard) {
  setState(() {
    selectedStandard = standard;
    _mediums = [];
    // 新增这行，重置第二个下拉框的选中值
    selectedMedium = null;
    // 如果业务中需要用到mediumId，也可以同步清空
    mediumId = null;
  });
  String mediumUrl =
      "$baseUrl/medium/get_by_course_id?standard_id=${selectedStandard?.standardId}";
  ApiManager().getMediums(mediumUrl).then((List<Medium> value) => {
        setState(() {
          _mediums = value;
        })
      });
}

补充说明 #

重置后第二个下拉框会自动回到默认的hint提示状态（即显示"Select Medium"），符合联动下拉的常规交互逻辑。如果有特殊业务需求需要保留旧值，可以加一层判断：如果旧的selectedMedium在新拉取的_mediums列表中存在就保留，否则再清空即可。

内容的提问来源于stack exchange，提问作者Dhaval Chaudhari