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