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

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

您需要使用select关键字在上下文中获取this元素的值，如下所示：

$(this).val()

jQuery’s this: demystified