Comment sélectionner un élément dans une liste déroulante et afficher les résultats dans la zone de liste

Ajouter des contrôles à un formulaire Web

• 1

  Lancez Microsoft Visual Studio. Cliquez sur le bouton "Fichier" puis cliquez sur "Nouveau site Web."

• 2

  Cliquez sur "Visual C #" pour mettre en évidence, et double-cliquez sur "Site Web ASP.NET" pour créer un projet de site Web. Le code d'une page Web par défaut nommé "Default.aspx" apparaît dans la fenêtre de code.

• 3

  Cliquez sur le bouton "Design" au bas de cette fenêtre pour passer à la vue de conception. Cette vue vous permet de placer des contrôles sur le formulaire Web en utilisant la boîte à outils.

• 4

  Cliquez sur "View" puis cliquez sur "Boîte à outils" pour afficher la boîte à outils. Localisez le contrôle »DropDownList" et double-cliquez dessus. Il apparaîtra sur le formulaire Web. Visuels noms Studio IT "DropDownList1." Microsoft appelle listes déroulantes "DropDownLists" dans Visual Studio.

• 5

  Retour à la Boîte à outils et double-cliquez sur le contrôle "ListBox" pour le placer sur la forme. Visuels noms Studio IT "de ListBox1." Le contrôle "ListBox" est équivalent à la zone de liste que vous voyez dans HTML régulière.

Modifier le code

• 1

  Appuyez sur "F7" pour afficher la fenêtre de code C # de la forme de Web.

• 2

  Localisez la méthode "Load" dans cette fenêtre de code. Collez le texte suivant à l'intérieur de cette méthode:

  
  

  
  
  

  DropDownList1.AutoPostBack = true;

  DropDownList1.Items.Add ("Point");

  DropDownList1.Items.Add ("Point");

  DropDownList1.Items.Add ("Point");

  Cette première ligne de code définit la propriété AutoPostBack du contrôle DropDownList à "true". Ceci est important parce que le contrôle a besoin de communiquer avec le serveur Web à chaque fois qu'un utilisateur sélectionne un nouveau point de contrôle. Les trois lignes suivantes ajoutent de nouveaux éléments pour le contrôle DropDownList.

• 3

  Appuyez sur "Shift" + "F7" pour revenir à la vue de conception.

• 4

  droit; cliquez sur le contrôle DropDownList et sélectionnez "Propriétés" pour ouvrir la fenêtre "Propriétés". Cette fenêtre vous permet de définir les propriétés et les gestionnaires d'événements pour le DropDownList.

• 5

  Cliquez sur le symbole en forme d'éclair sur le haut de la fenêtre "Propriétés". Double-cliquez sur l'élément "SelectedIndexChanged". La fenêtre de code ouvre et affiche la méthode qui fonctionne chaque fois que quelqu'un choisit un nouvel élément dans le contrôle DropDownList. Remplacez ce code avec le code suivant:

  
  
  

  protected void DropDownList1_SelectedIndexChanged (object sender, EventArgs e)

  {

  chaîne selectedItem = DropDownList1.SelectedItem.ToString ();

  ListBox1.Items.Add (selectedItem);

  }

  La variable nommée "selectedItem" contient la valeur de l'élément que l'utilisateur sélectionne du contrôle DropDownList. La déclaration suivante ajoute que le point de contrôle ListBox en utilisant la méthode "Ajouter".

• 6

  Appuyez sur "F5" pour exécuter le projet. Votre navigateur va ouvrir et afficher la page Web.

• 7

  Cliquez sur le contrôle DropDownList et sélectionnez l'un des éléments. Votre action va provoquer l'exécution du code et copiez cet élément pour le contrôle ListBox.