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; 
} 

지금 내가 만든 선택에 따라 국가의 국기를 표시 할 .. 다음은 내가이 일을 시도

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

내가 이미지를 표시 할 HTML 파일이 ..입니다 ..

<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]; 

또는 당신이 당신의 이미지 (<img id="logo" width=30 height=30>)에 id 속성을 추가 할 수 있습니다, 그래서 당신은

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

가 (당신이의 시작 부분에 myImg 초기화를 배치해야 사용할 수 있습니다 function1())

Answer 2

넌

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; 
    } 

,369 JS

를 사용하여 특성을 설정할 수있다