¿Cómo se restablece el control desplegable en cascada de ASP.Net AJAX (lado del cliente)?

Question

El control desplegable en cascada funciona muy bien, excepto que no puedo encontrar una manera de restablecer el menú desplegable del lado del cliente (en Javascript).

Mi configuración es algo como esto.

DD1
DD2
DD3
DD4

cada DD depende del anterior DD y utiliza el servicio web para cargarlos.

sobre el cambio de DD3 necesito restablecer DD4 pero la selección anterior se mantiene.

Se puede hacer esto?Intenté borrar el valor en el control de entrada oculta de soporte (cddTest_ClientState) en vano

tia

Answer 1

Aquí está la solución

<asp:DropDownList ID="dd1" runat="server" onChange="ondd1ChangeHandler(this)>
</asp:DropDownList>
<asp:DropDownList ID="dd2" runat="server">
</asp:DropDownList>
<cc1:CascadingDropDown ID="cdd2" runat="server" Category="Cat1"
    ParentControlID="dd1" PromptText="(Select Option)" ServiceMethod="GetOptions"
    ServicePath="Services/GetOptions.asmx" TargetControlID="dd2">
</cc1:CascadingDropDown>

<script type='text/javascript>
    function ondd1ChangeHandler(dd){
        var dd2=$get('dd2');
        dd2.selectedIndex=0;
        var cdd=$find('cdd2');
        if(cdd!=null){
            cdd.set_SelectedValue('','');
            cdd._onParentChange(null,false);
        }
    }
</script>

Espero que esto ayude