请问怎样实现下拉框改变，它旁边的图像也改变呢？ 使用代码分离怎么办？

Question

<TD width="27%" height="26">&nbsp;
<asp:DropDownList id="ico" runat="server">
<asp:ListItem Value="1" Selected="True">头像01</asp:ListItem>
<asp:ListItem Value="2">头像02</asp:ListItem>
.....
<asp:ListItem Value="20">头像20</asp:ListItem>
</asp:DropDownList>
<A href="html/ico.htm" target="_blank">查看头像列表</A></TD>
    <TD width="55%"><input type="hidden" value="images/1.gif" name="face">
<img id="faceimg" src="images/1.gif"></TD>
请问怎么办呢？最重要的是DropDownlist的路径不用管吗？现在使用代码分离还分客户端和服务器端吗？

Answer 1

定义一个hash(哈希表)吧,
它不同于普通的数组,它可以取为每一行取一个名字,然后赋一个值.
所以你可以在名字里输入要显示的文本,在值里填入相应的图片名字.
定义好hash表之后,再把它和dropdownlist控件进行绑定.
再把dropdownlist的响应改成自动返回.page_load()方法里添加这一条
page.Binding();//绑定好像是这么写吧,我的英文一向很差,不对的话自己改^-^~~
然后用一个图片控件来显示绑定的选项值.
是怎么回事？有例子吗？

Answer 2

像这种，应该用 javascript，以减少页面的刷新。

Answer 3

同意楼上的，用asp.net刷新太厉害了，不爽。

Answer 4

<script language="javascript">
    function showImage(){
        var msel=document.all.myselect;
        document.all.myimg.src="images/"+msel.options(msel.selectedIndex).value+".gif";
    }
    
</script>          ....<select id="myselect" onchange="javascript:showImage();">
    <option value="01">头像1</option>
    <option value="02">头像2</option>
    <option value="03">头像3</option>
                 .....
</select>
<img id="myimg" src="images/01.gif">

Answer 5

现在我这里是dropdownlist呀，怎么办呢？