Question is: How on earth can I create a 2nd drop down menu, which is greyed out if first drop down isn't selected. If 1st drop down box has been selected, and when second drop down has been selected, I want certain text to show up.
<html>
<head>
<title>Titled </title>
<script language="JavaS cript">
var actDiv;
function chklayer(v) {
if (actDiv) {
actDiv.style.di splay="none";
}
if(v>0){
actDiv = document.getEle mentById("Layer "+v);
actDiv.style.di splay="block";
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<div style="position :absolute; left:15px; top:90px; width:455px; height:131px; z-index:1;">
<div id="Layer1" style="display: none;">
I want this text to show if a value in the 2nd drop down box has been chosen</div>
<div id="Layer2" style="display: none;">
I want this text to show if a value in the 2nd drop down box has been chosen</div>
<div id="Layer3" style="display: none;">
I want this text to show if a value in the 2nd drop down box has been chosen</div>
</div>
<p> </p>
<p>
<select name="type" onchange="chkla yer(this.value) ;">
<option value="0">Pleas e Select:</option>
<option value="1">Add a Report</option>
<option value="2">Manag e a Report</option>
<option value="3">File Upload snd Report Usage</option>
</select>
</p>
<p> </p>
<p> </p>
</form>
</body>
</html>
<html>
<head>
<title>Titled </title>
<script language="JavaS cript">
var actDiv;
function chklayer(v) {
if (actDiv) {
actDiv.style.di splay="none";
}
if(v>0){
actDiv = document.getEle mentById("Layer "+v);
actDiv.style.di splay="block";
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<div style="position :absolute; left:15px; top:90px; width:455px; height:131px; z-index:1;">
<div id="Layer1" style="display: none;">
I want this text to show if a value in the 2nd drop down box has been chosen</div>
<div id="Layer2" style="display: none;">
I want this text to show if a value in the 2nd drop down box has been chosen</div>
<div id="Layer3" style="display: none;">
I want this text to show if a value in the 2nd drop down box has been chosen</div>
</div>
<p> </p>
<p>
<select name="type" onchange="chkla yer(this.value) ;">
<option value="0">Pleas e Select:</option>
<option value="1">Add a Report</option>
<option value="2">Manag e a Report</option>
<option value="3">File Upload snd Report Usage</option>
</select>
</p>
<p> </p>
<p> </p>
</form>
</body>
</html>