js和dropdownlist控件实现图片的切换

//js  
  function   getData()  
  {  
                var   ddl=document.getElementById("DropDownList1");  
                var   pindex   =   ddl.selectedIndex;  
                var   pValue   =   ddl.options[pindex].value;  
                var   pText     =   ddl.options[pindex].text;  
                document.getElementById("<%=img1.ClientID%>").src='<%=path%>'+pValue+'.jpg';  
  }  
    
  //html,其中的Value值可以你的图片名称  
  <asp:DropDownList   ID="DropDownList1"   runat="server">  
                  <asp:ListItem   Value=1>1</asp:ListItem>  
                  <asp:ListItem   Value=2>2</asp:ListItem>  
                  <asp:ListItem   Value=3>3</asp:ListItem>