Gostaria de selecionar uma opção de um `<select>` e preencher o outro `<select>` com conteúdo relacionado.

Só vou conseguir fazer isso com as informações guardadas em banco banco de dados ou tem como fazer com array? Como posso fazer isso?

**HTML**

    <select id='cursos'>
        <option>curso 1</option>
        <option>curso 2</option>
    </select>
    
    <select id='atividades'>
        <!-- carregar options ao selecionar uma opção no select anterior -->
    </select>