php - 在 IMG URL 中显示下拉选择名称

Question

如何根据下拉选择动态更新 img URL 的结尾部分？for example when blue is selected the filename before .jog would get filled in with the word 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');
  });
});