In javascript chained select menus are available.first select menu is worked a

In javascript chained select menus are available.first
select menu is worked and others are disabled.when we
select any one option then the next select menu will worked
having option releated to selcted in first select menu.How
it possible? what is the coading of this programme?

Question Posted / anita.1211

1 Answers
7436 Views
I also Faced
E-Mail Answers

In javascript chained select menus are available.first select menu is worked and others are disabl..

Answer / mangala bhat

It possible by using onChange event.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
function change()
{

var cat = document.getElementById("category");
if(cat.value =="Javascript")
{

document.getElementById("javaScript").removeAttribute("disabled");

document.getElementById("java").setAttribute("disabled","true");
}
else
{

document.getElementById("javaScript").setAttribute("disabled","true");
document.getElementById("java").removeAttribute("disabled");

}
}
</script>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<title>Html menu</title>
</head>
<body>
Category :<select id="category" name = "category"
onChange=change();>
<option value="Select">Select ...</option>
<option value="Javascript">Javascript</option>
<option value="Java">Java</option>
</select>
 
JavaScript:<select id="javaScript" name = "javaScript"
disabled="disabled" >
<option value="JS Objects"> JS Objects</option>
<option value = "JS Advanced">JS Advanced</option>
</select>
 
Java:<select id="java" name = "java" disabled="disabled" >
<option value="Java Swings"> Java Swings</option>
<option value = "Java Collections">Java Collections</option>
</select>
</body>
</html>

Is This Answer Correct ?

6 Yes

1 No

Post New Answer