I have two dropdowns in my site. I want to change the number of options and the values of options of one dropdown depending on the value we choosing on the other dropbox by
Try this.
HTML
JavaScript
function SetMedia(objLanguage) {
var objMedia = document.getElementById("media");
objMedia.options.length = 0;
objMedia.disabled = false;
switch (objLanguage.value) {
case "English":
objMedia.options.add(new Option("The Indian Express"));
objMedia.options.add(new Option("The Hindu"));
break;
case "Tamil":
objMedia.options.add(new Option("Tamil Paper 1"));
objMedia.options.add(new Option("Tamil Paper 2"));
break;
case "Telugu":
objMedia.options.add(new Option("Telugu Paper 1"));
objMedia.options.add(new Option("Telugu Paper 2"));
break;
default:
objMedia.options.add(new Option("select"));
objMedia.disabled = true;
break;
}
}
Demo here: http://jsfiddle.net/naveen/z48dc/