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 is the difference between the below two statements:- (1) var myname = "akiii"; (2) myname = "akiii";
Is javascript multi-threaded or single-threaded?
What is the syntax of ‘self invoking function’? Give an example?
How to count the number of element in an array using javascript?
Who introduced javascript?
What is the use of a number object in javascript?
What is the difference between textContent and innerText?
TypeError: document.getelementbyid(...) is null?
How to check if a variable is an integer in javascript ?
What is the difference between an array and an object?
What is Unobtrusive JavaScript & Why it's Important?
What coding language should I learn first?