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?
- 1 Answers
- 6667 Views
- I also Faced
- E-Mail Answers
Answer Posted / 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 View All Answers
What is the difference between undefined and not defined in JavaScript?
Explain arrow functions?
What does the isNaN() function?
Define event bubbling?
How to determine the state of a checkbox using javascript?
How do functions work in javascript?
What is the naming conventions for the variables in javascript?
Why is javascript dangerous?
Explain prototypal/differential inheritance?
What are all the types of Pop up boxes available in JavaScript?
How long does it take to learn coding?
What is triple dot in javascript?
What are self invoking functions?
What is the use of a boolean object in javascript?
Which company developed JavaScript?
