Probleme de liaison entre JS et PHP

Bonjour,
Quelqu'un peut il me dire comment faire pour que mon JavaScript prenne en compte mon PHP?
Je m'explique, j'ai trouvé un script JS qui affiche de nouveaux champs quand je clique sur un lien (ajouter élève)
donc mes champ s'affiche correctement =) mais par contre les liste déroulante provenant de mon script php n'affiche rien...

Voici le script :

<script>
function create_eleve(i) {
var eleve = i - 2;
var i2 = i + 1;

document.getElementById('leschamps_'+i).innerHTML = '<table width="90%" align="center"> les td input etc...
document.getElementById('leschamps_'+i).innerHTML += d'autre td input etc :)
document.getElementById('leschamps_'+i).innerHTML += ' ici mon php que j'ai l'aisser en forme original pour plus de lisibilité, mais normalement il est sur une même ligne dans mon JS
<?php
$connect = mysql_connect("localhost","root","");
mysql_select_db("Classe",$connect);if($connect)
{
$req="select Classe_Classe from Classe;";
$result=mysql_query($req);
echo"<select name='Classe_Classe'>";
while($ligne=mysql_fetch_row($result))
{
echo"<option value=$ligne[0]>$ligne[0]</option>";
}
echo"</select>";
}
?>';

}
</script>

<span id="leschamps_4"></span> c'est entre les span que s'affiche mes nouveau champs.

Le problème et que ca ne fonctionne pas :( la fonction javascript n'affiche plus rien des lors que je met du php...

Help plz j'ai essayer \<?php ou encore \" et \' mais peut être que je me prend pas de la bonne façon.

me dites pas que je suis obliger d'utiliser AJAX pour résoudre mon problème :'(