Désactiver deuxième menu déroulant avant le premier est peuplé

Question

Je dois griser la deuxième boîte de saut (Sélectionnez une sous-catégorie) avant le premier (Choisir une catégorie) a une sélection valide ..Voici le code actuel .. merci les gars

<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> 

Answer 1

laisser cette option désactivée jusqu'à ce que rappel de succès de .ajax $ incendies:

<select name='subf' disabled="disabled"... 

function chooseForum(f, name) 
{ 
    ... 
    success: function(xml){ 
     $j('.subf_dropdown').html("<optgroup label='Subcategories'> " + xml + " </optgroup>"); 
     $('.subf_dropdown').removeAttr("disabled"); 
    } 
}