Javascripts innerHTML不適用於圖像，但可以使用文本？

Question

好的，我有一個javascript函數，當用戶更改選擇下拉框的選項時，切換div標籤的innerhtml。

它一切正常，與文本，但與圖像標記它停止工作？

工作實例...

function toggle(opt) { 
     var d = document.getElementById('div_tag'); 
     if (opt == '5') { 
       d.innerHTML = 'FIVE'; 
     } 
     else if (opt == '4') { 
       d.innerHTML = 'FOUR'; 
     } 
     etc... 
} 

不工作示例...

function toggle(opt) { 
     var d = document.getElementById('div_tag'); 
     if (opt == '5') { 
       d.innerHTML = '<img src='path/img1.jpg'><img src='path/img2.jpg'>'; 
     } 
     else if (opt == '4') { 
       d.innerHTML = '<img src='path/img2.jpg'><img src='path/img1.jpg'>'; 
     } 
     etc... 
} 

這就是我對我的選擇和div標籤。

<select onchange='toggle(this.value);'> 
<div id='div_tag'></div> 

任何人都告訴我，我在做什麼錯在這裏因爲我很爲難。爲什麼會一個工作，而不是其他，當所有的不同的是，一個被另一個是文本？

謝謝。

Answer 1

在我看來，像你忘了逃跑引號正確周邊的圖像路徑，它不讀你的字符串，試試這個

function toggle(opt) { 
    var d = document.getElementById('div_tag'); 
    if (opt == '5') { 
      d.innerHTML = '<img src=\'path/img1.jpg\'><img src=\'path/img2.jpg\'>'; 
    } 
etc... 

Answer 2

做這些改變，"在開始和結束時更換'。

function toggle(opt) { 
     var d = document.getElementById('div_tag'); 
     if (opt == '5') { 
       d.innerHTML = "<img src='path/img1.jpg'><img src='path/img2.jpg'>"; 
     } 
     else if (opt == '4') { 
       d.innerHTML = "<img src='path/img2.jpg'><img src='path/img1.jpg'>"; 
     } 
     etc... 
} 

您實際上使用單引號而不是雙引號。 path/img1.jpg，path/img2.jpg沒有被處理的您的字符串前面的部分。這是問題所在。

UPDATE 爲你的PHP問題做到這一點：

function toggle(opt) { 
     var d = document.getElementById('div_tag'); 
     if (opt == '5') { 
       d.innerHTML = '<img src='+'path/img1.jpg'+'><img src='+'path/img2.jpg'+'>'; 
     } 
     else if (opt == '4') { 
       d.innerHTML = '<img src='+'path/img2.jpg'+'><img src='+'path/img1.jpg'+'>'; 
     } 
     etc... 
}