如何在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;
   }