2013-05-20 168 views
0

試圖在選擇選項上顯示圖像的預覽.Below代碼在Firefox中正常工作,但在Internet Explorer中無法正常工作。JavaScript在Internet Explorer 9中不起作用

我試圖把警報顯示圖像的SCR,它顯示在Firefox正確的路徑,但在IE它顯示像,而不是1.JPG它表明%01.JPG garbeg值

任何想法如何讓它在IE上運行?

newAray包含類似1.JPG映像名稱,2.JPG ....

enter image description here

這是代碼:

<form id = " delete_image" action="DeleteImages.jsp" method="post" > 
<select id = "image_id_delete" name= "image_id_delete" onchange="CngColor(this);" style="color:#4B616A; background-color:#eaeced; border:1px solid #939fa4; height:26px; width:120px; padding-bottom: 4px; text-align:center;"> 
<option value=""><---Select---></option> 
<% 

for(int i=0;i<newAray.size();i++) 
{ %> 


<option > <%= newAray.get(i) %></option> 
<% 
} 

%> 
</select> 


&nbsp; &nbsp; &nbsp; 
<img id="Img1" src="images/1.jpg" width=100 height=100 > 

<input type="submit" value= "Delete" style="color:#ffffff; background-color:#939fa4; border:1px solid #4b616a; font-weight: bold; height: 27px; padding-bottom: 3px; cursor: pointer;" > 


</form> 

的Javascript:

function CngColor(obj){ 
index=obj.selectedIndex; 
alert("" + document.getElementById('Img1').src); 
document.getElementById('Img1').src= 'images/'+obj.options[index].value; 
} 
+0

我認爲jsp是java的一部分:) –

+7

它究竟如何在IE中失敗?什麼是這個「Img1」元素 - 它沒有出現在你發佈的代碼中。 IE開發人員控制檯中是否有錯誤? – Pointy

+0

是的,但由於java有很多其他部分網站引入了jsp標籤! –

回答

0

謝謝你的迴應。 得到了答案:

function CngColor(obj){ 
index=obj.selectedIndex; 

document.getElementById('Img1').src= 'images/'+obj.options[index].text; 
//cahnged value to text 
} 

屬性在某些版本的Internet Explorer "value"不工作所以宣讀了Option對象的"text"字段的值。

相關問題