0

if/else ステートメントに問題があり、このコードが機能しないと考えています。ID を変更し、getElementById の代わりに document.canvas.src を使用しようとしましたが、どちらの方法でも機能しません。

更新: 以下は、適切に機能させるために使用したコードです。

<HTML>
<HEAD>
<script type = "text/javascript">


function displayImage(whichImage) 
{
    if(whichImage != "noImage")
    {
        document.canvas.src= whichImage;
    }
    else{
        document.canvas.src= "blank.jpg";
    }
}


</script>
</HEAD>

<BODY>
<form name="imageForm">
<table border=3>
<tr>
<td>
<select name="imageSelector" onChange="displayImage(this.value)">
    <option value="noImage">Select an Animal
    <option value="dog.jpg">Dog
    <option value="cat.jpg">Cat
    <option value="parrot.jpg">Parrot
    <option value="fish.jpg">Fish
    <option value="alligator.jpg">Alligator
    <option value="mouse.jpg"> Mouse
    <option value="fox.jpg">Fox
</select>
</td>
</tr>
<tr>
<td>
<img src="blank.jpg" name="canvas" id="animal">
</td>
</tr>
</table>
</form>
</BODY>
</HTML>
4

1 に答える 1

-1

実際には IE 10 で動作します。オプション タグを修正してみてください:

<select name="imageSelector" onChange="displayImage(this.value)">
    <option value="noImage">Select an Animal</option>
    <option value="dog.jpg">Dog</option>
    <option value="cat.jpg">Cat</option>
    <option value="parrot.jpg">Parrot</option>
    <option value="fish.jpg">Fish</option>
    <option value="alligator.jpg">Alligator</option>
    <option value="mouse.jpg">Mouse</option>
    <option value="fox.jpg">Fox</option>
</select>
于 2013-10-31T01:46:28.270 に答える