hamzashah Ответов: 0

Выберите элемент в выпадающем списке и появится в таблице


Я сделал два выпадающих списка "компания" и "продукт".

Когда я выбираю компанию, все ее продукты появляются в выпадающем списке продуктов.

Теперь я хочу заняться другой работой. Если я выберу компанию и продукт, то он появится в приведенном ниже списке таблиц с помощью 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);
}


(файл представления)


 $(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
                        }));
                    });
                });
     });
});

0 Ответов