根据asp.net中的下拉列表选择更新图像

时间:2013-02-05 14:12:28

标签: c# asp.net

我有一个定义为

的下拉列表
<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>

在更改选择时,事件在代码隐藏中定义为

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;
    }
}

然而,这似乎并没有选择图像。

1 个答案:

答案 0 :(得分:1)

.SelectedValue仅在列表是数据表时使用!所以这就是没有选择图像的原因。。在MSDN上闲聊证明我错了http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.listcontrol.selectedvalue.aspx

将其更改为:

string i = ddl1.SelectedItem.Value;

它会起作用:)。