Can someone help me with greying out the second jump box (Select a Subcategory) until a valid selection is made in the first one (Choose a Category)? Below is the current code. Thanks!
<script type="text/javascript">
\$j(document).ready(function() {
\$j('.subf_dropdown').html($j('.subf_dropdown').html());
});
function chooseForum(f, name)
{
\$j.ajax({
url: 'index.php?autocom=cats&root=' + f,
type: 'GET',
timeout: 100000,
error: function(){
alert('Oops something went wrong. Please try again');
},
success: function(xml){
\$j('.subf_dropdown').html("<optgroup label='Subcategories'> " + xml + " </optgroup>");
}
});
}
function newPostInForum(f)
{
if (f != "")
{
window.location = "http://www.xxx.co.za/?act=post&do=new_post&f=" + f;
}
}
</script>
<select name='f' class='f_dropdown' onchange="chooseForum(this.value, this); return false;">
<optgroup label="Choose a Category">
{$data}
</optgroup>
</select>
<br /><br />
<select name='subf' class='subf_dropdown' onchange="newPostInForum(this.value); return false;">
<optgroup label="Subcategories">
<option value="" selected="selected">Select a Subcategory</option>
</optgroup>
</select>