我有一个带有选择器/下拉菜单的页面，该菜单依赖于另一个选择器。换句话说
- 选择器 1 包含一些类别，选择器 2 包含选择器 1 中每个类别的一些子类别。
-当页面加载时，选择器 1 具有可用的全部类别，选择器 2 具有可用的全部子类别。
- 在选择器 1 上进行选择时，通过 $('selector1').change(function(){ [...实现的功能...] });
问题是，当用户提交表单时，表单不被接受（即字段中包含错误、字段未填写等），因为“更改”功能没有重新触发，完整的选择器 2 上提供了许多子类别，这使得用户可以通过恶作剧或意外选择一个不适用于选择器 1 上选择的类别的子类别。有关如何最好地处理此问题的任何建议？谢谢！