[debutant]modifier une liste deroulante

Bonjour a tous
je vous ecris car j'ai un probleme pour modifier le contenue d'une liste deroulante et j'ai pas trouve dans le forum de reponse qui resoudrai mon probleme.

En plus je mélange du php ce qui ne facilite pas les choses mais mon probleme est en javascript et je suis novice (j'ai commence il y a deux semaines ce qui explique que je n'ai pas compris tous les codes du forum ^^)

je vous envoie mon code au complet afin que vous puissiez m'aider. sinon :

Citation:

<body>

<script type="text/javascript" language="javascript">

function test(){
for(var j=0; j<ville[document.forms['formdest'].elements['payschoisi'].selectedIndex].length; j++){
document.forms['formdest'].elements['villechoisi'].options[j].value = ville[document.forms['formdest'].elements['payschoisi'].selectedIndex][j];
}
}

</script>

<form name="formdest" method="post">
<table width="70%" border="0" cellspacing="0" cellpadding="2"">
<tr>
<td bgcolor="#000000">
<font color="WHITE"><b>Destination</b></font>
</td>
</tr>

<tr>
<td bgcolor="#99FFFF">
Selectionner un pays
</td>
</tr>

<tr>
<td bgcolor="#99FFFF">
<script type="text/javascript" language="javascript">

document.writeln('<select name="payschoisi" style="width:300px" onChange="test();">');
for(var i=0; i<<?php echo count($tab);?>; i++){
document.writeln("<option value='"+pays[i]+"'>"+pays[i]+"</option>");
}
document.writeln("</select>")
</script>
</td>
</tr>

<tr>
<td bgcolor="#99FFFF">
Selectionner une ville
</td>
</tr>

<tr>
<td bgcolor="#99FFFF">
<script type="text/javascript" language="javascript">
document.writeln('<select name="villechoisi" method="post" style="width:300px" size=6>');
for(var i=0; i<ville[0].length; i++){
document.writeln("<option value='"+ville[0][i]+"'>"+ville[0][i]+"</option>");
}
document.writeln('</select>');
</script>

</td>
</tr>
</form>

<form name="formdestenv" method="post" action="file1.html">
<tr>
<td align="right" bgcolor="#66CCFF">
<input type="submit" onclick="twFermer()" value="valider ->">
</td>
</tr>
</form>

</table>
</body>

Mon probleme est quand je selectionne un pays dans une premiere liste deroulante normalement ma deuxieme liste deroulantes devrait afficher les villes correspondantes, donc au depart tout marche le programme affiche les villes du pays selectionne par defaut de la premiere liste mais quand je change bah la j'ai une "Erreur sur la page".

J'aimerai comprendre pourquoi ca marche pas et comment je dois faire pour que ca marche svp

merci pour votre aide