2013-05-31 73 views
0

JavaScript新手,並希望對以下內容有所幫助,請對我輕柔。使用輸入到文本框中的值更改圖像

我想根據輸入到文本框中的值更改圖像。

我的劇本是

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 


script type="text/javascript"> 
function ParImg(Change) { 
    var ParImg = document.getElementById("<%=TextBox1.ClientID%>").value; 
    alert(ParImg); 
    Img1.src = Change + ".jpg"; 
    } 
</script> 

<img id="Img1" src='apicture.jpg' alt="Random Image" /> 

警報正顯示出無論是輸入到文本框中,但圖像不是從默認的變化。

在哪裏我錯了,甚至可以在此都

回答

0

您需要使用的getElementById獲取圖像以及

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 


<script type="text/javascript"> 
function ParImg(Change) { 
    var ParImg = document.getElementById("<%=TextBox1.ClientID%>").value; 
    alert(ParImg); 
    var Img1 = document.getElementById("Img1"); 
    Img1.src = Change + ".jpg"; 
    } 
</script> 

<img id="Img1" src='apicture.jpg' alt="Random Image" /> 
+0

感謝您的建議,但它仍然無法正常工作 –

0

你需要做的任何想法

Img1 = document.getElementById("Img1");

因爲沒有Img1被預先聲明,您應該會收到Img1.src行的錯誤

+0

感謝您的建議,但它仍然不工作,我沒有得到一個錯誤的Img1.src線。 –

+0

用您的代碼更新您的問題,並且是您輸入到文本框中的路徑導致實際圖像 –

+0

我嘗試了目前爲止在此處建議的所有三個,但我用於您的代碼如下所示: –

0

你的函數不知道Img1是什麼。嘗試

document.getElementById("Img1").src = Change_".jpg"; 
+0

感謝您的建議,但它仍然無法正常工作。 –

相關問題