bonjour voici mon erreur et donc mon probleme

je debute en javaScript et j'ai cru comprendre qu'il faillait utilisé AJAX pour faire ce que je voulai liste liée donc j'ai recopier le code donner dans le tutorial persent sur le site et je l'ai adapter pour ems besoin

la fonction go devient :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
function onChnageDelService(){
getXhr();
xhr.onreadystatecahnge=function(){
if(xhr.readystate==4 && xhr.status ==200){leselect=xhr.reponseText;
document.getElementById('delUser').innerHTML=leselect;}}xhr.open("post","ajaxForDelUtilisateur.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
sel=document.getElementById('delServ');
idService=sel.options[sel.selectIndex].value;
xhrsend("ideService="+idService);
}
donc pa un grand changement

ensuite dans mes select sont comme ca

le select delServ influe sur le select delUser c'est ce que je souhaite

delServ
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<select name='delServ' id='delServ' onChange='onChangeDelService()'>
<option value="-1" selected>---------------</option>
<?php echo dataSelect($requestService,"Service");?>
//rempli les option de la select marche bien car je visualise les otions
</select>
delUser
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
<div id='delUser' style='display:inline'>
<?php echo dataSelect($requestUtilisateur,"Utilisateur");?>
</select>
</div>
voila en gros mes codes comme vous pouvez le voir sa ressemble beaucoup au tutorial mais j'ai une erreur qui est exactement

'sel.options[...].value' a la valeur Null ou n'est pas un objet.

que faire je voi pas trop de mon coté

un grand merci pour votre aide