使用JQuery在选择时更改SRC

时间:2014-05-23 03:18:19

标签: javascript php jquery

我试图根据从下拉菜单中选择的选项来更改img标记的部分src。我在这里的地方。我试图根据所选择的内容向NG或ARG收取费用。

page.php文件

<div>
  <img src="http://img.fifa.com/images/flags/4/ned.png" class="tinyimg">
</div>
<div>
  <select class="usernation form-control input-lg">
    <option disabled selected>Choose a Team</option>
    <option value="alg">Algeria</option>
    <option value="arg">Argentina</option>
  </select>
</div>

的header.php

$(document).ready(function(){
  $(".usernation").change(function(){
  // Code to Change
  });
}); 

由于

1 个答案:

答案 0 :(得分:1)

$(".usernation").change(function() {
    $(".tinyimg").attr("src", "http://img.fifa.com/images/flags/4/" + $(this).val() + ".png");
});