Bonjour à tous,

Je cherche également à afficher une image lors de la sélection d'une liste déroulante.

Mon problème est que j'y parviens uniquement lorsque j'indique ma variable dans l'attribut "value", or j'en ai besoin pour récupérer la valeur $donnees['dj'] choisie par l'utilisateur. J'ai essayé de placer ma variable dans un attribut "id" au sein de la balise option mais cela ne fonctionne pas, je n'arrive pas à récupérer la valeur de cet attribut "id".

Je n'arrive pas à détourner la chose, avez vous une idée?

Voici mon code:

Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<form method="post" action="resultats_dj.php">
    <select name="dj" class="dj_choose" >
<?php while ($donnees = $reponse->fetch()){
?>
        <option value="<?php echo $donnees['dj'];?>" id="<?php echo $repertoire."mini_".$donnees['photo'];?>" ><?php echo $donnees['dj'];?></option>
<?php
}
$reponse->closeCursor();
?>
    </select>
</div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
jQuery(function($){
	$('.dj_choose').change(function(){
		var dj_photo=$(this).attr('id');
		$('#dj_affich').attr('src', dj_photo);
	});
});
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<div>
    <img src="images/photos/mini_above_and_beyond.jpg"id="dj_affich"/>
</div>
<div class="formulaire">
    <input type="submit" id="search" value="Rechercher" />
</div>
</form>