image basée sur la sélection déroulante de liste dans asp.net

Question

J'ai une liste déroulante définie comme

<asp:DropDownList ID="ddl1" runat="server" OnSelectedIndexChanged="ddl1_SelectedIndexChanged" style="width: 107px"> 
     <asp:ListItem Selected="True" Text="Select a value" Value="select">Select a value</asp:ListItem> 
     <asp:ListItem Value="p1">Image 1</asp:ListItem> 
     <asp:ListItem Value="p2">Image 2</asp:ListItem> 
     <asp:ListItem Value="p3">Image 3</asp:ListItem> 
</asp:DropDownList> 
<div id="img"> 
    <asp:Image ID="image1" runat="server" Width="100"/> 
</div> 

Lors du changement de la sélection, l'événement est défini dans le code-behind comme

protected void ddl1_SelectedIndexChanged(object sender, EventArgs e) 
{ 
    string i = ddl1.SelectedValue; 
    switch (i) 
    { 
     case "p1": 
      image1.ImageUrl = "img/p1.jpg"; 
      break; 
     case "p2": 
      image1.ImageUrl = "img/p2.jpg"; 
      break; 
     case "p3": 
      image1.ImageUrl = "img/p3.jpg"; 
      break; 
     default "select": 
      image1.ImageUrl = ""; 
      break; 
    } 
} 

Cependant, cela ne semble pas choisir les images.

Answer 1

.SelectedValue est uniquement utilisé lorsque la liste est databinded! C'est pourquoi aucune image n'est sélectionnée. . Loooking au changement à ce MSDN me preuves mal http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.listcontrol.selectedvalue.aspx

:

string i = ddl1.SelectedItem.Value; 

et il fonctionnera :).