更改选择选项后如何更改图像？

Question

我选择选项时尝试更改img src.

这是我尝试过的,但它不起作用:

$('#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()