Menu déroulant avec des ancres

Bonsoir,

Je veux créer un menu déroulant ; après que l’internaute ai fait un choix, le site positionnera automatiquement l’internaute au niveau de la catégorie qu’il aura choisie ; tout est sur une page.

J’ai lu que text/javascript était obsolète est-ce le cas ? Doit-on le remplacer par application/javascript ? J’essaie de ma familiariser avec JS, mais je bloque (au niveau de la propriété "onclick") sur la partie de l’exécution du choix si vous aviez une suggestion ou des corrections à m'apporter ; merci.

Html

<select id=menuchoix>
<option selected>Choisir</option> 
<option href="#c1"><a>Catégorie 1</a></option> 
<option href="#c2"><a>Catégorie 2</a></option> 
</select> 

<p>
<div id="c1">Catégorie 1</div> 
<div id="c2">Catégorie 2</div> 
</p>

JS

<script type="text/javascript">
var menuchoix = document.getElementById(‘menuchoix’);
menuchoix.addEventListner(‘click’,Sélection);
function Sélection () {
menuchoix.onclick = ;
}
</script>