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