如何在img src屬性中使用JavaScript變量？

Question

從<select>標記中選擇選項后，將調用下面的JavaScript函數。

function function1()
{
var country=document.getElementById('id1').value;
switch(country)
{
 case "India":
     logo="rupee.png";
     break;
 case "US":
     logo="dollar-logo.png";
     break;
 case "Britan":
      logo="yen.png";
      break;
}

現在我想根據選擇顯示國家的國旗。.下面是我要顯示圖像的HTML文件。

<td><img src="+logo+" width=30 height=30></td>

我也嘗試過這個

<td><img src="<%Eval(logo)%>" width=30 height=30></td>

Answer 1

你可以用

case "India":
     myImg.src="rupee.png";
     break;
case "US":
     myImg.src="dollar-logo.png";
     break;
case "Britan":
     myImg.src="yen.png";
     break;

myImg是您的圖像。 在您當前的html中，它是：

var myImg = document.getElementsByTagName("img")[0];

或者，您可以將id屬性添加到圖像（ <img id="logo" width=30 height=30> ），以便使用

var myImg = document.getElementById("logo");

（您應將myImg初始化放置在function1()的開頭）

Answer 2

您可以使用JS設置屬性

function function1()
   {
   var country=document.getElementById('id1').value;
    switch(country)
      {
      case "India":
      logo="rupee.png";
      break;
      case "US":
      logo="dollar-logo.png";
      break;
      }
    document.getElementsByTagName("img")[0].src = logo;
   }