選擇選項更改時如何更改圖像？

Question

當選擇一個選項時，我嘗試更改img src。

This is what I've tried，但但它不工作：

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

我的HTML是：

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

，當我想圖像顯示：

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

Answer 1

變化val()到this.value或$(this).val()

Answer 2

試試這個，

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

Answer 3

您需要使用this關鍵字來獲取select元素的值的情況下，像這樣：

$(this).val() 

jQuery’s this: demystified