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

您可以使用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;
   }

Answer 2

你可以使用

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()初始化

如何在img src属性中使用JavaScript变量？

2 个答案: