asp.net - 使用输入到文本框中的值更改图像

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