ajax extension for cascading dropdown

[matt cupryk]

I have problems updating the image on the page.

<script language="javas cript" type="text/javascript">
function pageLoad(sender , args)
{

$find("cddCount ry").add_select ionChanged(onCC SChanged);

}

function onCCSChanged()
{

//change the images based on the selected value.

imgFlag.ImageUr l = "~/images/flags/" + ddlCountry.Sele ctedValue + ".gif";
}



</script>
<div align="center">

<asp:UpdatePane l ID="UpdatePanel 1" runat="server" UpdateMode ="Conditiona l">
<ContentTemplat e>



Country:

<img src="<%= Page.ResolveUrl ("~/images/flags/" + ddlCountry.Sele ctedValue + ".gif") %>" name="imgFlag" id="imgFlag" alt=""/>

<br />

<asp:DropDownLi st style="position : static" Font-Size="Smaller" Font-Bold="true" Width="190px" ID="ddlCountry " runat="server"> </asp:DropDownLis t>

<ajaxToolkit:Ca scadingDropDown ID="cddCountry " runat="server"

TargetControlID ="ddlCountry "

Category="Count ry"

PromptText="Cho ose a Country"

LoadingText="Lo ading Countries..."

ServicePath="../LocationService .asmx"

ServiceMethod=" GetCountries" />