dropdownlist无刷新页面刷新控件内容的问题！！！急！！急！！急！！！

代码如下：
<asp:DropDownList ID="ddlpic" AutoPostBack="true" runat="server" OnSelectedIndexChanged="ddlpic_SelectedIndexChanged">
            <asp:ListItem Value="image\man\01.gif">01</asp:ListItem>
            <asp:ListItem Value="image\man\02.gif">02</asp:ListItem>
            <asp:ListItem Value="image\man\03.gif">03</asp:ListItem>
            <asp:ListItem Value="image\man\04.gif">04</asp:ListItem>
            <asp:ListItem Value="image\man\05.gif">05</asp:ListItem>
            <asp:ListItem Value="image\man\06.gif">06</asp:ListItem>
        </asp:DropDownList>
 protected void ddlpic_SelectedIndexChanged(object sender, EventArgs e)
    {
        Image1.ImageUrl = ddlpic.SelectedItem.Value;
    }
我改成 AutoPostBack="true"了，当然改变ddlpic控件内容的时候，image控件图片会随之刷新，可恶的是页面也随之刷新一次，这个效果不好。要求：不刷新页面，只刷新image1控件里面的图片！！

解决方案 »

  1.   

    用ajax客户端异步刷新网上资料很多
      

  2.   

    ajax是有点了解。也知道这是用ajax技术
    但这方面代码不懂呢！！麻烦大家写个！！
      

  3.   

    <body onload="javascript:Form1.img.src='face/'+Form1.ddlpic.value"rightMargin="0">
    <asp:DropDownList ID="ddlpic" runat="server" onchange="javascript:img.src=this.value" >
                <asp:ListItem Value="image\man\01.gif">01</asp:ListItem>
                <asp:ListItem Value="image\man\02.gif">02</asp:ListItem>
                <asp:ListItem Value="image\man\03.gif">03</asp:ListItem>
                <asp:ListItem Value="image\man\04.gif">04</asp:ListItem>
                <asp:ListItem Value="image\man\05.gif">05</asp:ListItem>
                <asp:ListItem Value="image\man\06.gif">06</asp:ListItem>
            </asp:DropDownList>
    <IMG height="40" alt="" src="" width="40" border="0" name="img">
      

  4.   

    现在还对Ajax不了解，你不用服务器标记好了，用脚本来实现呀，多快呀。
      

  5.   

    ....
    <asp:DropDownList ID="ddlpic" AutoPostBack="true" runat="server" onchange="javascript:document.getElementsById('Image1').src=this.value">
    ....