Не работает каскадный выпадающий список с методом onchange

---

если я использую только каскадный выпадающий список, то его правильная работа... я хочу показать и скрыть идентификатор div, зависящий от элемента списка выпадающего элемента управления... я делаю эту задачу с помощью метода onchange, но не работаю... но его работа без каскадирования....

Что я уже пробовал:

       function CourseFun() {

           debugger

           var DropdownList = document.getElementById('<%=course.ClientID %>');

           var SelectedIndex = DropdownList.selectedIndex;
           var divEQ = document.getElementById('divEQ')
           var divtenper = document.getElementById('divtenper');
           var divyear10 = document.getElementById('divyear10');
           var divpertwelth = document.getElementById('divpertwelth');
           var divyearof12 = document.getElementById('divyearof12');
           var divgraper = document.getElementById('divgraper');
           var divyearofgra = document.getElementById('divyearofgra');

           if (SelectedIndex == 1) {
               divEQ.style.display = "block";
               divpertwelth.style.display = "block";
               divyearof12.style.display = "block";
               divgraper.style.display = "none";
               divyearofgra.style.display = "none";
               divyear10.style.display = "block";
               divtenper.style.display = "block";
           }
           else if (SelectedIndex == 3) {
               divEQ.style.display = "block";
               divpertwelth.style.display = "block";
               divyearof12.style.display = "block";
               divyear10.style.display = "block";
               divtenper.style.display = "block";
               divgraper.style.display = "none";
               divyearofgra.style.display = "none";
           }
           else if (SelectedIndex == 2) {
               divEQ.style.display = "block";
               divyearofgra.style.display = "block";
               divpertwelth.style.display = "block";
               divyearof12.style.display = "block";
               divyear10.style.display = "block";
               divtenper.style.display = "block";
               divgraper.style.display = "block";

           }

       }




<asp:DropDownList ID="course" runat="server"  class="slectbig" AutoPostBack="true" OnSelectedIndexChanged="course_SelectedIndexChanged" onChange="CourseFun()" >
    <asp:ListItem Value="0"> Select course

---