在下拉列表中选择项目，并显示在表格中

如何解决在下拉列表中选择项目，并显示在表格中

我已经创建了两个下拉列表“公司”和“产品”。

当我选择公司时，其所有产品都会出现在“产品下拉列表”中。

现在我想做另一项工作。如果我选择公司和产品，它将使用jquery出现在表格列表下方。

我过去3天一直在寻找解决方案，但是找不到它，请帮助我

控制器文件

 [Authorize]
        [AllowAnonymous]
        
        public ActionResult Details()
        {
            ViewBag.Companies = db.Companies.ToList();
            return View();
     }
      private IList<Product> GetProduct(int CompanyId)
      {
            var data = db.Products.Where(m => m.CompanyId == CompanyId).ToList();

     return data;
      }

        [AcceptVerbs(HttpVerbs.Get)]

        public JsonResult LoadProductsByCompanyId(string CompanyId,string cn)
        {
            Cname = cn;
            var ProductList = this.GetProduct(Convert.ToInt32(CompanyId));

            var ProductsData = ProductList.Select(m => new SelectListItem()

  {

 Text = m.ProductName,Value = m.ProductId.ToString(),});

return Json(ProductsData,JsonRequestBehavior.AllowGet);
}

查看文件

<script type="text/javascript">

    $(document).ready(function () {

        $("#dd_Company").change(function () {

            var CompanyId = $(this).val();
            //  var d = $("#dd_Company").val($(this).text());

            var txt = $("#dd_Company option:selected").text();
            $("#span1").text(txt);

            $.getJSON("../UserLogin/LoadProductsByCompanyId",{ CompanyId: CompanyId,cn: txt },function (classesData) {

            var select = $("#ddProduct");
                       select.empty();
                       select.append($('<option/>',{
                         value: 0,text: "Select a Product"
                       }));
         $.each(classesData,function (index,itemData) {

                           select.append($('<option/>',{
                               value: itemData.Value,text: itemData.Text
                           }));
                       });
                   });
        });
   });

</script>