Créez une liste déroulante HTML.DropdownListfor () dans ASP.NET MVC

Dans ASP.NET MVC, il est très facile d'afficher des options statiques dans la liste déroulante. Voyons comment cela peut être réalisé.

Comment créer un simple html.dropdownlistfor ()

Pour générer une liste déroulante de base, vous pouvez utiliser la méthode html.dropdownlistfor Helper. Cela nécessite une propriété modèle pour lier la valeur sélectionnée et un objet SelectList qui représente les options à afficher.

Exemple usage

Considérez la liste suivante des modèles et des options de couleur:

public class PageModel 
{
   public int MyColorId { get; set; }
}

public static IEnumerable Colors = new List { 
    new Color {
        ColorId = 1,
        Name = "Red"
    },
    new Color {
        ColorId = 2,
        Name = "Blue"
    }
};

Dans votre vue, vous pouvez créer une liste déroulante comme ceci:

@Html.DropDownListFor(model => model.MyColorId, new SelectList(PageModel.Colors, "ColorId", "Name"))

]

Ce code générera une liste déroulante avec deux options "Red" et "Blue". La valeur sélectionnée est liée à la propriété myColorid dans le modèle.

Plus d'informations

Pour plus d'informations sur html.dropdownListfor, voir la documentation MSDN. De plus, vous pouvez trouver des exemples d'utilisation sur Stack Overflow.