ASP.net在DropDownList.OnSelectedIndexChanged之后更改图像

时间:2016-01-07 08:14:57

标签: c# asp.net

我有以下两个要素: DropDownList的

<img>

图像

<asp:DropDownList id="DropPoke1" Width="80" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropPoke1_SelectedIndexChanged">
            <asp:ListItem Value="1">Test</asp:ListItem>
            <asp:ListItem Value="2">asd</asp:ListItem>
            <asp:ListItem Value="3">FF</asp:ListItem>
</asp:DropDownList>

在代码隐藏中,我想更改图像:

<asp:Image ID="imgPoke1" Height="80" Width="80" runat="server" ImageUrl="../Images/orderedList0.png"/> 

不幸的是,这似乎没有做任何事情。

2 个答案:

答案 0 :(得分:2)

尝试下一步:

您的设计页面:

<asp:DropDownList id="DropPoke1" Width="80" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropPoke1_SelectedIndexChanged">
        <asp:ListItem Value="1">Test</asp:ListItem>
        <asp:ListItem Value="2">asd</asp:ListItem>
        <asp:ListItem Value="3">FF</asp:ListItem>
</asp:DropDownList>

<asp:Image ID="imgPoke1" Height="80" Width="80" runat="server" />

您的代码背后:

protected void Page_Load(object sender, EventArgs e){
    if(!IsPostBack)
        imgPoke1.ImageUrl = "~/Images/orderedList0.png";
}

protected void DropPoke1_SelectedIndexChanged(object sender, EventArgs e)
{
    imgPoke1.ImageUrl = "~/Images/HomePicture.png";
}

答案 1 :(得分:1)

您使用的是updatepanel吗?如果是,请将图像控件放在更新面板中。