שאלה על Disabled ב- Select ו- JS

שלום,
בטופס מסויים יש לי שתי תיבות Select:

    <select dir="ltr" name="Races">
        <option>בחר</option>
        <option onclick="check();" value="Humans">Humans</option>
        <option onclick="check();" value="Nigth Elves">Nigth Elves</option>
        <option onclick="check();" value="Dwarves">Dwarves</option>
        <option onclick="check();" value="Gnomes">Gnomes</option>
        <option onclick="check();" value="Orcs">Orcs</option>
        <option onclick="check();" value="Tauren">Tauren</option>
        <option onclick="check();" value="Undead">Undead</option>
        <option onclick="check();" value="Trolls">Trolls</option>
    </select>
    <select name="Classes" dir="ltr">
        <option>בחר</option>
        <option name="Druids" value="Druids">Druids</option>
        <option value="Hunters" disabled>Hunters</option>
        <option value="Mages" disabled>Mages</option>
        <option value="Paladins" disabled>Paladins</option>
        <option value="Priests" disabled>Priests</option>
        <option value="Rogues" disabled>Rogues</option>
        <option value="Shaman" disabled>Shaman</option>
        <option value="Warlocks" disabled>Warlocks</option>
        <option value="Warriors" disabled>Warriors</option>
    </select>

אני רוצה שכאשר יבחרו בתיבה הראשונה ב- Humans רק Mages בתיבה השניה יתאפשר לבחירה. כיצד ניתן לעשות זאת עם JS?
תודה.