Onclick dynamique javascript

bonjour mon probleme ,j"ai deux <select> html
<select id="Modcat" onchange="readlibre()">
<select id="Catnom" >
les options du select Id"modcat" sont chargées en Html
<label for="Modcat">les Categories</label> <select id="Modcat" onchange="readlibre()">
<option value="0">
selectionnez une Categorie
</option>
<option value="1">
Tous
</option>
<option value="2">
N1
</option>
<option value="3">
N2
</option>
<option value="4">
</select>

je sais charger mes options de select"Id="Catnom" avec une fonction Javascript
case 8:
if (titre==Tcomp[i][2].substring(0,2)){njoueur.options[cpt] = new Option(libnom+" Licence:"+liblic);
cpt=cpt+1};
break;}
titre est la valeur texte de l'option
Tcomp[i][2]valeur dabs un tableau
on affiche en option le nom du joueur et son N° de licence


je voudrais savoir comment integrer une fonction getphoto du joueur selectionné dans la liste Catnom
/*afficher la photo*/
function getphoto(n){
var njoueur=document.getElementById("Catnom");
var ind=njoueur.selectedIndex;
//afficher le nombre pour voir l'interaction
document.getElementById('voir').value ="nnn";};

j'ai essaye ce code mais rien ne se passe
case 2:
//si le label de selection = N1
if (titre==Tcomp[i][2].substring(0,2) )
//on affiche les joueurs N1 il en sera de même pour toute les categories
{njoueur.options[cpt] = new Option(libnom+" Licence:"+liblic);
njoueur.options[cpt].onselect='getphoto()';
cpt=cpt+1};
break;
le principe du programme:
afficher des joueurs suivant leur catégores et afficher leur photos quand on clique sur le nom

si quelqu'un pouvait me donner un coup de main
merci d'avance