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

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

Cliquez "Visual C #" de 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ée "Default.aspx" apparaît dans la fenêtre de code.

Clique le "Conception" bouton 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.

Cliquez "Vue" puis cliquez sur "Caisse à outils" pour afficher la boîte à outils. Localisez le "La liste déroulante" contrôler et double-cliquez dessus. Il apparaîtra sur le formulaire Web. Visuels noms Studio it "DropDownList1." appels Microsoft listes déroulantes "DropDownLists" dans Visual Studio.

Retour à la boîte à outils et double-cliquez sur le "ListBox" le contrôle de la placer sur le formulaire. Visuels noms Studio it "ListBox1." le "ListBox" le contrôle est équivalente à la zone de liste que vous voyez en HTML régulière.

presse "F7" pour afficher la fenêtre de code C # du formulaire Web.

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

DropDownList1.AutoPostBack = true;

DropDownList1.Items.Add ("Article");

DropDownList1.Items.Add ("Article");

DropDownList1.Items.Add ("Article");

Cette première ligne de code définit la propriété AutoPostBack du contrôle DropDownList à "vrai." 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 ajouter de nouveaux éléments au contrôle DropDownList.

presse "Décalage" + "F7" pour revenir à la vue de conception.

droite, cliquez sur le contrôle DropDownList et sélectionnez "Propriétés" pour ouvrir la "Propriétés" fenêtre. Cette fenêtre vous permet de définir des propriétés et des gestionnaires d`événements pour le DropDownList.

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

protected void DropDownList1_SelectedIndexChanged (object sender, EventArgs e)

{

string selectedItem = DropDownList1.SelectedItem.ToString ();

ListBox1.Items.Add (selectedItem);

}

La variable nommée "selectedItem" détient la valeur de l`élément que l`utilisateur sélectionne le contrôle DropDownList. La déclaration suivante ajoute cet élément au contrôle ListBox en utilisant le "Ajouter" méthode.

presse "F5" pour exécuter le projet. Votre navigateur ouvre et affiche la page Web.

Cliquez sur le contrôle DropDownList et sélectionnez l`un des éléments. Votre action provoquera le code à exécuter et de copier cet élément pour le contrôle ListBox.