Disable dropdown based on another dropdown's value [RESOLVED]
I have a page with 2 dropdowns. One is called type and contains One-Time and Recurring. The other is frequency and contains many items.
If a user selects Recurring from type, I want the Frequency dropdown to be available, but if they selected On-Time, I do not want Frequency to be available.
How would I do that?
Thanks!
Re: Disable dropdown based on another dropdown's value
Try this:
HTML Code:
<html>
<head>
<title>Disable Drop Down</title>
<script type = "text/javascript">
function disableDrop(){
if(frmMain.sltMain.options[0].selected){
frmMain.sltSecondary.disabled = true;
}
else{
frmMain.sltSecondary.disabled = false;
}
}
</script>
</head>
<body>
<form ID = "frmMain">
<select ID = "sltMain" onchange = "disableDrop();">
<option value = "onetime">One-Time</option>
<option value = "recurring" selected>Recurring</option>
</select>
<select ID = "sltSecondary">
<option value = "1">One</option>
<option value = "2">Two</option>
<option value = "3">Three</option>
<option value = "4">Four</option>
</select>
</form>
</body>
</html>
Re: Disable dropdown based on another dropdown's value
That worked perfectly, thank you!
Re: Disable dropdown based on another dropdown's value
Glad that I could help. :)
Don't forget to edit the topic and add [RESOLVED] in the title.
