Maison > développement back-end > C++ > Comment créer une liste déroulante simple à l'aide de Html.DropDownListFor() dans ASP.NET MVC ?

Comment créer une liste déroulante simple à l'aide de Html.DropDownListFor() dans ASP.NET MVC ?

Patricia Arquette
Libérer: 2025-01-19 07:07:09
original
323 Les gens l'ont consulté

How to Create a Simple Drop-Down List Using Html.DropDownListFor() in ASP.NET MVC?

Utilisation de Html.DropDownListFor() dans ASP.NET MVC

Dans ASP.NET MVC, il est très simple de créer une simple liste déroulante avec des options statiques.

Écrivez un simple Html.DropDownListFor() :

  1. Obtenez une liste d'options, telle qu'une liste d'objets représentant les noms de couleurs.
  2. Définissez une propriété de modèle pour représenter l'élément sélectionné, tel que MyColorId.
  3. Utilisez la méthode d'assistance Html.DropDownListFor dans la vue pour fournir les propriétés du modèle, la liste des options et les champs d'affichage et de valeur de l'option (par exemple, « ColorId » et « Name »).

Exemple :

Considérez les exemples de données suivants :

<code class="language-csharp">public static IEnumerable<Color> Colors = new List<Color> {
    new Color {
        ColorId = 1,
        Name = "Red"
    },
    new Color {
        ColorId = 2,
        Name = "Blue"
    }
};</code>
Copier après la connexion

Dans votre modèle, créez une propriété qui représente l'élément sélectionné :

<code class="language-csharp">public class PageModel
{
    public int MyColorId { get; set; }
}</code>
Copier après la connexion

À votre avis, créez une liste déroulante en utilisant le code suivant :

<code class="language-html">@Html.DropDownListFor(model => model.MyColorId, new SelectList(Colors, "ColorId", "Name"))</code>
Copier après la connexion

Cela générera une liste déroulante avec les options "Rouge" et "Bleu", et la valeur sélectionnée sera stockée dans la propriété MyColorId du modèle.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal