CSS/Javascript problème display

Bonjour,
J'ai une fonction Javascript :
function ajout(elem) {
document.getElementById('choix').style.display='none';
}

Cette fonction est appelée lorsque je sélectionne une valeur dans un select :

<div id='choix' style="display: inline">
<tr><td colspan='2'>Ajouter des produits :</td><td><select name='nbelem' id='nbelem' onClick='ajout(this.value)'>
<option value='-1'>Aucun</option>
<option value='1'>1</option>
<option value='2'>2</option>
...
</select></td></tr></div>

Mon soucis est que la div est toujours visible et je n'arrive pas à comprendre d'où pourrait venir mon erreur.

Merci à ceux qui pourront m'aider !