Salut à tous,
J'essaie de faire apparaitre une image sur le onChange d'un select mais j'ai un souci, voici mon code :
Je voudrais que mes "value" soient différentes de mes "id" dans mon select et que ce soit l'id qui soit récupéré dans la fonction javascript afin d'afficher le bon fichier image, exemple :
L'url de mon image pour la « value="B-R" » est « images/blanc-rose.jpg » et non pas « images/B-R.jpg », comment faire cela dans ma fonction javascript ?
Merci pour votre aide.
J'essaie de faire apparaitre une image sur le onChange d'un select mais j'ai un souci, voici mon code :
Code:
<script type="text/javascript">
function update_pet_caption() {
pet_caption = document.getElementById('caption').value;
document.getElementById('pet_image').src = "images/" + pet_caption + ".jpg";
}
window.onload = update_pet_caption;
</script>
<img id="pet_image" src="">
<select name='caption' id="caption" onChange='update_pet_caption()'>
<option value="B-R" id="blanc-rose">Blanc Rose</option>
<option value="R-S" id="rouge-sang">Rouge Sang</option>
<option value="V-P" id="vert-pale">Vert Pale</option>
</select>
Je voudrais que mes "value" soient différentes de mes "id" dans mon select et que ce soit l'id qui soit récupéré dans la fonction javascript afin d'afficher le bon fichier image, exemple :
L'url de mon image pour la « value="B-R" » est « images/blanc-rose.jpg » et non pas « images/B-R.jpg », comment faire cela dans ma fonction javascript ?
Merci pour votre aide.