從下拉列表中選擇后如何更改imageurl

Question

嗨，我有一個下拉列表和id，就像在四個選項中選擇一個以在后面的代碼中設置Image2的imageurl一樣？

Answer 1

一個例子。 在您的標記中：

< <asp:DropDownList ID="TestDropDownList" runat="server" 
    onselectedindexchanged="TestDropDownList_SelectedIndexChanged" AutoPostBack="true">
<asp:ListItem Value="http://url.com/image1.png" Text="Option 1"></asp:ListItem>
<asp:ListItem Value="http://url.com/image2.png" Text="Option 2"></asp:ListItem>
<asp:ListItem Value="http://url.com/image3.png" Text="Option 3"></asp:ListItem>
<asp:ListItem Value="http://url.com/image4.png" Text="Option 4"></asp:ListItem>
</asp:DropDownList>
<asp:Image ID="TestImage" ImageUrl="" runat="server" />

在您的代碼背后：

protected void TestDropDownList_SelectedIndexChanged(object sender, EventArgs e)
{
        Image i = this.TestImage;
        i.ImageUrl = ((DropDownList)sender).SelectedValue;

}

Answer 2

您必須為下拉列表啟用AutoPostBack屬性。 然后，每次選擇更改回發將被發送到服務器，因此將執行代碼隱藏。 如果我牢記，DropDownList控件具有更改選擇的事件。

Answer 3

添加一個OnSelectedIndexChanged事件處理程序，並將AutoPostBack設置為true ：

<asp:DropDownList ID="Options" runat="server" AutoPostBack="true"
                OnSelectedIndexChanged="Options_SelectedIndexChanged">
    <asp:ListItem Value="Item1">Text 1</asp:ListItem>
    <asp:ListItem Value="Item2">Text 2</asp:ListItem>
</asp:DropDownList>

在后面的代碼中，實現處理事件的方法：

protected void Options_SelectedIndexChanged(object sender, EventArgs e)
{
    string selectedValue = this.Options.SelectedValue;
    ...
}