ASP.NET Core 6 中的动态表单处理与级联下拉框

在开发基于 ASP.NET Core 6 的应用程序时，处理动态表单和级联下拉框是常见且具有挑战性的任务。本文将通过一个实际的例子来展示如何在 ASP.NET Core 6 中实现一个动态添加产品和颜色选择的功能，同时解决相关的问题。

问题背景

假设我们正在开发一个在线商城的进货系统，用户需要在表单中动态添加他们想要进货的产品。每当用户选择一种产品时，颜色选择框应该根据产品的不同而动态变化。由于用户可能需要多次添加同一种产品或不同的产品，我们需要一个灵活且用户友好的界面。

解决方案

让我们逐步实现这个功能：

1. 视图设置：

   @model Invoice
   @{
       Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
       IEnumerable<ProductItem> lstProduct = ViewBag.ListProduct as IEnumerable<