Impossible de récupérer l'attribut "id" de la balise <option>
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:
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:
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:
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> |