onchange event for dropdown list

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

var SelectedIndex = DropdownList.SelectedIndex;---- (if debug the code thn here value is not defined)

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');

//divtenper.style.display = Course.value == "1" ? "block" : "none";

if (SelectedIndex == 1) {

divpertwelth.style.display = "none";

divyearof12.style.display = "none";

divgraper.style.display = "none";

divyearofgra.style.display = "none";

divyear10.style.display = "block";

divtenper.style.display = "block";

}

else if (SelectedIndex == 2) {

divpertwelth.style.display = "block";

divyearof12.style.display = "block";

divyear10.style.display = "none";

divtenper.style.display = "none";

divgraper.style.display = "none";

divyearofgra.style.display = "none";

}

else if (SelectedIndex == 3) {

divgraper.style.display = "block";

divyearofgra.style.display = "block";

divpertwelth.style.display = "none";

divyearof12.style.display = "none";

divyear10.style.display = "none";

divtenper.style.display = "none";

}

// return true;

}

then not show my div

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rajneesh Chaubey8y ago
Hi,Have you specified onchange event in your dropdownlist?
Vist this one http://www.c-sharpcorner.com/blogs/hide-and-show-div-using-javascript1
Ranjit Powar8y ago
I think it is a small letter 's' in selected index like var SelectedIndex = DropdownList.selectedIndex;
Piyush Agarwal8y ago
Try to hard code the id in and run the above code in developers tool in browser.

Ot give an id to the dropdown list and then run the code. it will definitely work.