problème "select" et "onchange"

Bonjour,

J'ai un souci avec une liste déroulante qui permet de choisir une couleur d'un article et une fois sélectionnée, la photo correspondante est censée apparaitre ! Les couleurs de la bd sont bien dans la liste mais lorsqu' on clique sur une, la photo ne se charge pas et d'ailleurs la page ne réagit pas non plus .
Je ne sais pas d'où le problème provient, j'essaye depuis un bout de temps mais je ne trouve pas de solution , malgré mes recherches !!
Je serai ravie qu'on me donne un coup de main, car je patine vraiment, surtout que ce bout de code ce n'est pas moi qui l'ai fait !!



$sql2="SELECT DISTINCT couleur FROM articles WHERE famille='".$_POST['valcat']."' AND nom_article='".$_POST['valart']."'";
$req2 = mysql_query($sql2) or die('Erreur SQL !<br>'.$sql2.'<br>'.mysql_error());



echo '<font color=#4C5013>Couleur : </font><select name="valcoul" onchange="trans_catar(\''.$_POST['valcat'].'\',\''.$_POST['valart'].'\',\''.$_POST['deroultail'].'\');">';
while($data1 = mysql_fetch_array($req2))


{
echo '<option value="'.$data1['couleur'].'">'.$data1['couleur'].'</option>';
}
if($_POST['valcoul']!="")
{
echo '<option value="'.$_POST['valcoul'].'" selected>'.$_POST['valcoul'].'</option>';
}

echo '</select><br>

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Javascript:

function trans_catar(valeur,valeur1,valeur2,valeur3)
{
var cata_trans=valeur;
var arta_trans=valeur1;
var coula_trans=valeur2;
var taill_trans=valeur3;
document.catar.valcate.value=cata_trans;
document.catar.valarti.value=arta_trans;
document.catar.valcouleu.value=coula_trans;
document.catar.deroultail.value=taill_trans;
document.catar.submit();
}



Voila, si quelqu'un peut m'aiguiller un peu s'il vous plait, j'en ai marre de rester bloquer là dessus !