使用键入文本框的值更改图像

Question

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" />  

警告显示文本框中输入的内容，但图像未从默认值更改。

对我出错的地方有任何想法，甚至可以做到这一点

Answer 1

您还需要使用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" />

Answer 2

你需要

Img1 = document.getElementById("Img1");

你应该收到Img1.src行的错误，因为事先没有声明Img1

Answer 3

你的功能不知道Img1是什么。尝试

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