使用JQuery更改SRC的选择

Use JQuery to Change SRC on Selection

本文关键字:选择 SRC 更改 JQuery 使用      更新时间:2023-09-26

我正试图根据从下拉菜单中选择的选项更改img标签的src的一部分。这就是我现在的处境。我正试图根据选择的内容向NED收取ALG或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
  });
}); 

谢谢

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