Problème javasascript sous internet explorer

Bonjour

J'ai une page web qui me permet de mettre à jour le profil d'un utilisateur. Sous mozilla il fonctionne nickel mais sous IE sa me dit : internet explorer ne peut pas ouvrir ... Opération abandonnée. Après quelque test je croie que c'est à cause de mes fichier JS qui me permet d'afficher une liste de choix en fonction d'une autre. je vous montre le code , peut etre pourrez vous m'aider.

code PHP :

<code type="php">
<?php
if (isset($_SESSION['pseudo']))
{
?>
<h1>Mise à jour</h1>
<fieldset style="background-color: #ffefef;">
<legend style="color:#000000;font-size:18px;">Profil</legend>
<form name="post" method="post" action="verif_add_profil.php" onsubmit="javascript: return verification(this);">
<table>
<tr>
<td width=25% style=\"vertical-align:middle;\">
Pays :
</td>
<td>
<div id="pays">
<select size="1" name="pays" id="pays" OnChange="Remplir(pays.value),Remplir1(pays.value)">
<?php
// variable de test
$i=0;
// variable pour garder la valeur du premier enregistrement catégorie pour l'affichage
$j=0;
// Séléction de tous les enregistrements de la table Catégorie
$rq="Select * from pays order by designation_pays;";
$result= mysql_query ($rq) or die ("Select impossible");

while ($dt=mysql_fetch_row($result))
{
// Remplir la liste déroulante des catégorie
echo "<option value=".($dt[0])."> ".($dt[1])." </option>";
// garder la valeur du premier enregistrement
if ($i==0)
{
$j=$dt[0];
$i=1;
}
}
?>
</select>
</td>
</tr>

<tr>
<td width=25% style=\"vertical-align:middle;\">
Ville :
</td>
<td>
<div id="ville">
<select size="1" name="ville" id="ville" >
<?php
// Séléction de tous les enregistrements de la table Sous-Catégorie
$rq="Select * from ville order by designation_ville;";
$result= mysql_query ($rq) or die ("Select impossible");
// $i = initialise le variable i
$i=0;
while ($dt=mysql_fetch_row($result))
{
// Remplir le tableau (array) en javascript
// ex : List[1]=new Array (1,1,"Sous-catégorie 1");
// ex : List[2]=new Array (2,1,"Sous-catégorie 2");
echo "<script>List[".$i."] = new Array(".($dt[0]).",".($dt[1]).",'".($dt[2])."');</script>";
$i=$i+1; // Incrémentation de $i
}

echo "<script>Remplir ($j); </script>"; // Remplir la deuxième liste de choix avec les données
// des sous-catégories en utilisant la valeur j
?>
</select>
</div>
</td>
</tr>

<tr>
<td width=25% style=\"vertical-align:middle;\">
Societe :
</td>
<td>
<div id="societe">
<select size="1" name="societe" id="societe">
<?php
// Séléction de tous les enregistrements de la table Sous-Catégorie
$rq="Select * from societe order by designation_societe;";
$result= mysql_query ($rq) or die ("Select impossible");
// $i = initialise le variable i
$i=0;
while ($dt=mysql_fetch_row($result))
{
// Remplir le tableau (array) en javascript
// ex : List[1]=new Array (1,1,"Sous-catégorie 1");
// ex : List[2]=new Array (2,1,"Sous-catégorie 2");
echo "<script>List1[".$i."] = new Array(".($dt[0]).",".($dt[1]).",'".($dt[2])."');</script>";
$i=$i+1; // Incrémentation de $i
}
echo "<script>Remplir1 ($j); </script>"; // Remplir la deuxième liste de choix avec les données
// des sous-catégories en utilisant la valeur j
?>
</select>
</div>
</td>
</tr>



<tr>
<td width=25% style=\"vertical-align:middle;\">
Domaine :
</td>
<td>
<select name="domaine" id="domaine">
<option value=""></option> ";
<option value="Achats">Achats</option>
<option value="Audit">Audit</option>
<option value="Commercial">Commercial</option>
<option value="Direction">Direction</option>
<option value="Finance">Finance</option>
<option value="Informatique">Informatique</option>
<option value="Juridique">Juridique</option>
<option value="Logistique">Logistique</option>
<option value="Marketing">Marketing</option>
<option value="Production">Production</option>
<option value="R&D"> R&D </option>
</select>

</td>
</tr>
</code>

Code JS :

<code type="javascript">
List = new Array();
function Remplir(valeur){
var sel="";
sel ="<select size='1' name='ville' style='width:88px'>";
// Parcourir le tableau
for (var i=0;i<List.length;i++)
{
// tester si la ligne du tableau (ville) correspond à la valeur de la catéhorie
if (List[i][1]==valeur)
{
// Ajouter une rubrique sous-catégorie au variable SEL
sel= sel + "<option value="+List[i][0]+">"+List[i][2]+"</option>";
}
}
sel =sel + "</select>";
// Modifier le DIV scat par la nouvelle List à partir du variable SEL
document.getElementById('ville').innerHTML=sel;
}
</code>

<code type="javascript">
List1 = new Array();
function Remplir1(valeur){
var sel="";
sel ="<select size='1' name='societe' style='width:120px'>";
// Parcourir le tableau
for (var i=0;i<List1.length;i++)
{
// tester si la ligne du tableau (ville) correspond à la valeur de la catéhorie
if (List1[i][1]==valeur)
{
// Ajouter une rubrique sous-catégorie au variable SEL
sel= sel + "<option value="+List1[i][0]+">"+List1[i][2]+"</option>";
}

}
sel =sel + "</select>";
// Modifier le DIV scat par la nouvelle List à partir du variable SEL
document.getElementById('societe').innerHTML=sel;
}
</code>

Merci