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?
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 |
What are the data types supported by javascript?
Is not a function error in javascript?
Why javascript is dangerous?
What is strict mode?
How to create array in JavaScript?
How do you implement Ajax using hide() function in JQuery?
How do you declare javascript?
Explain the working of timers in JavaScript? Also elucidate the drawbacks of using the timer, if any?
When would you use var in your declaration and when you wouldn’t?
Does spread operator deep copy?
How do I view javascript files in chrome?
How to get value from dropdown (select) control?