[PHP/JAVASCRIPT?] Abilitare menu a tendina da selezione

[gianpaolo11]

Buonasera a tutti. Ho una richiesta da fare sperando di trovare una soluzione.

Ho un form creato attraverso il seguente codice:

<div class="col-xs-12 col-sm-6 col-md-6 col-lg-2">
<label for="form-tipopersonale">Ruolo giocatore</label>
  <select name="tipopersonale" class="form-control field" id="form-tipopersonale" id="form-tipopersonale">
 <option value="0">Attaccante</option>
 <option value="1">Centrocampista</option>
   </select>                                
   </div>
   <!-- Visibile se ho scelto "Attacante" -->
     <div class="col-xs-12 col-sm-6 col-md-6 col-lg-2">
        <label for="form-ambito">Tipo attaccante</label>
        <select name="ambito"  class="form-control field" id="form-ambito" id="form-ambito" disabled>
       <option value="0">Esterno</option>
       <option value="1">Centravanti</option>
       </select>                                      
       </div>
       <!-- Visibile se ho scelto "Centrocampista" -->
       
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-2">
       <label for="form-tipopersonale">Tipo centrocampista</label>
       <select name="form-tipopersonale" class="form-control field" id="form-tipopersonale" id="form-tipopersonale" onchange="mostra(this)"disabled>
       <option value="0">Centrale</option>
       <option value="1">Regista</option>
       <option value="2">Mediano</option>
       <option value="3">Esterno</option>
       <option value="4">Altro (specificare)</option>
       </select>                                      
       </div>
       
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-2">
       <button class="btn btn-default bmr10" style="width: 100%;">Aggiungi</button>
 </div>

Vorrei riuscire ad abilitare i menu a tendina disabilitati a seconda della selezione del menu abilitato. (ad esmpio se seleziono "Attaccante" si abilita la tendina "Tipo attaccante")

Come fare?
Grazie in anticipo