Remplir DropDownList à partir d’une autre DropDownList

J’ai deux modèles liés.

public partial class bs_delivery_type { public decimal delivery_id { get; set; } public decimal delivery_city_id { get; set; } public ssortingng delivery_address { get; set; } public virtual bs_cities bs_cities { get; set; } } 

et le second:

 public partial class bs_cities { public bs_cities() { this.bs_delivery_type = new HashSet(); } public decimal cities_id { get; set; } public ssortingng cities_name { get; set; } public virtual ICollection bs_delivery_type { get; set; } } 

et j’ai de tels ViewBag pour dropdownlist:

 ViewBag.city = new SelectList(_db.bs_cities, "cities_id", "cities_id"); ViewBag.delivery_adress = new SelectList(_db.bs_cities, "delivery_id", "delivery_address"); 

Lorsque je choisis la city dans la première liste déroulante, dans la seconde, il doit apparaître une liste liée à delivery_adress , où delivery_city_id = cities_id (de la première liste déroulante).

• Problème de méthode JQuery tabs (), création d’tabs
• Pourquoi JS / JQuery ne lit-il pas les valeurs de la zone de texte?
• Recharger datatable sans recharger la page?
• Ouvrir la boîte de dialog de l’interface utilisateur jQuery à partir de Code Behind
• Tableau de bord basé sur Ajax sur LargeData

Comment faire ça?

Edit: J’ai essayé la méthode du commentaire de @ Izzy, voici donc ma vue actuelle:

 @model Bike_Store.Models.DeliveryModel @{ ViewBag.Title = "Checkout"; }     function GetDelivery(_stateId) { var procemessage = " Please wait..."; $("#ddldelivery").html(procemessage).show(); var url = "/Shop/GetDeliveryByCityId/"; $.ajax({ url: url, data: { cities_id: _stateId }, cache: false, type: "POST", success: function (data) { var markup = "Select adress"; for (var x = 0; x < data.length; x++) { markup += "" + data[x].Text + ""; } $("#ddldelivery").html(markup).show(); }, error: function (reponse) { alert("error : " + reponse); } }); }  
Checkout
 @using (Html.BeginForm()) { @Html.DropDownListFor(m=>m.CitiesModel, new SelectList(Model.CitiesModel, "cities_id", "cities_name"), new {@id = "ddldelivery", @style="width:200px", @onchange="javascript:GetDelivery(this.value);"}) 
 
   

 

}

Mon contrôleur ressemble maintenant à ceci:

 public List GetAllCities() { List cities = new List(); foreach (var city in _db.bs_cities) { cities.Add(city); } return cities; } public List GetAllDeliveries() { List deliveries = new List(); foreach (var delivery in _db.bs_delivery_type) { deliveries.Add(delivery); } return deliveries; } [HttpPost] public ActionResult GetDeliveryByCityId(decimal cities_id) { List delivery = new List(); delivery = GetAllDeliveries().Where(m => m.delivery_city_id == cities_id).ToList(); SelectList objDelivery = new SelectList(delivery, "delivery_id", "delivery_address", 0); return Json(objDelivery); } public ViewResult Checkout() { DeliveryModel deliveryModel = new DeliveryModel(); deliveryModel.CitiesModel = new List(); deliveryModel.CitiesModel = GetAllCities(); return View(deliveryModel); } 

Le problème maintenant est que j’ai 2 ddls, mais ne fonctionne que le premier. Dans scrshot, vous pouvez voir que j’ai une liste de villes, lorsque je choisis une ville, dans ce même ddl, apparaît une liste d’adresses de livraison et lorsque je choisis une adresse, elle disparaît. Quelle magie? Aidez-moi s’il vous plaît avec Ajax. Liste des villes

Je pense que je l’ai corrigé, le problème était dans:

 @Html.DropDownListFor(m=>m.CitiesModel, new SelectList(Model.CitiesModel, "cities_id", "cities_name"), new {@id = "ddldelivery", @style="width:200px", @onchange="javascript:GetDelivery(this.value);"}) 

Je change @id = "ddldelivery" en @id = "ddlcity" et cela fonctionne maintenant

• Formulaires Web ASP.Net et validation
• Injection de balises HTML dans asp.net
• Problème avec la solution de téléchargement de fichier jQuery / iframe
• méthode de page d’appel sans gestionnaire de script de jquery
• Comment définir des valeurs pour gridview textbox à partir de la fonction javascript

 @model List @foreach(var item in Model) {  @item.delivery_address  } 

 public IActionResult _deliveryTypePartial(decimal city_id) { List model = context.bs_delivery_types.Where(row => row.delivery_city_id == delivery_city_id).ToList(); return PartialView(model); } 

 $('#ddldelivery').load("/ControllerName/_deliveryTypePartial?city_id=" _stateId);