jquery - 更改选择选项时如何更改图像？

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>

score 6 · Accepted Answer

6

更改val()为this.value或$(this).val()

于 2013-06-25T10:48:08.123 回答

score 1 · Accepted Answer

尝试这个，

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

score 0 · Accepted Answer

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

$(this).val()

3 回答 3