Changer une image par selection ds une liste

Bonjour,
J'ai à developper un site qui permet d'uploader des fichiers PDF. Il doit contenir une liste déroulante qui permettra à l'utilisateur de selectionner le pdf qu'il souhaite. une fois selectionné, une image de la premiere page du pdf doit etre afficher ds un champ image existant (ce champ contient par defaut l'image du dernier pdf uploadé).
voici en grosso modo ce que je dois faire; mais apres des recherche je me suis rendu compte que ça doit etre fait avec du javascript (à savoir que je suis nul en javascript).

Voici le mini-code que j'ai ecrit mais ça ne marche pas :

Ma fonction javascript :

function Change_image ( liste ){
var val = liste.options[liste.selectedIndex].value;
document.image_pdf.src=val;
}

le remplisage de la liste déroulante :

$sql='select id,date,numero,url_pdf from pdf order by date desc';
$req=mysql_query($sql) or die ('Erreur d\'exécution'.mysql_error());
mysql_close();?>
<form>
<select onChange="Change_image(this.value);" class="liste_deroulante" name="liste_pdf" size="1" >
<option value="00">Choissir numéro</option>
<?php
while ($res=mysql_fetch_array($req))
{
echo'<option value="'.$res['url_image'].'">N°:'.$res['numero'].',le :'.date_fr($res['date']).'</option>';
}
?>
</select>
</form>