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.srcImg1 が事前に宣言されていないため、行にエラーが発生するはずです

Answer 3

あなたの関数は Img1 が何であるかを知りません。試す

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