Comment une image peut-elle être modifiée lorsqu'une option de sélection est modifiée?

Question

J'essaie de changer le imr src lorsqu'une option est sélectionnée.

This is what I've tried, mais mais cela ne fonctionne pas:

$('#dpt').on('change', function() { 
    $('.img_dpt img').attr('src',"http://images.com/dep" + val() + ".png"); 
}); 

Mon HTML est:

<select id="dpt"> 
<option value="01">Blabla</option> 
<option value="02">Blabla</option> 
<option value="03">Blabla</option> 
</select> 

et quand je veux affichage d'image:

<div class="img_dpt"> 
    <img src="http://images.com/dep/dep01.png" /> 
</div> 

Answer 1

changement val()-this.value ou $(this).val()

Answer 2

essayer cela,

$('#dpt').on('change', function() { 
    $('.img_dpt img').attr('src',"http://images.com/dep" + $(this).val() + ".png"); 
}); 

Answer 3

Vous devez obtenir la valeur de l'élément select dans le contexte en utilisant le mot-clé this, comme ceci:

$(this).val() 

jQuery’s this: demystified