php - ドロップダウン選択名をIMGURLに表示する

Question

ドロップダウンの選択に基づいて、img URLの最後の部分を動的に更新するにはどうすればよいですか？たとえば、blueが選択されている場合、.jogの前のファイル名はblueという単語で埋められます。これはcssを使用しており、IDを追加できません：

<img src="www.mysite.com/blue.jpg">

<select>
  <option>green</option>
  <option>blue</option>
</select>

Answer 1

$(document).ready(function() {
    $('select').change(function(){
       var src = $(':selected', this).text()
       $('img').attr('src', location.hostname + "/" + src + '.jpg');
    });
});

Answer 2

これを試して：

$(function() {
  var $img = $('img'), $select = $('select').on('change keyup', function() {
    $img.attr('src','http://www.mysite.com/' + $select.find(':selected').html() + '.jpg')'
  });
});

Answer 3

$(function () {
  $('select').change(function () {
    $(this).parent().attr('src', location.hostname + "/" + this.val() + '.jpg');
  });
});