Изменить изображение, отображаемое с помощью JavaScript с помощью переключателей

У меня установлен мой сайт следующим образом:

<h1 class="testTitle"> Letter Height</h1>

<h2 class="testIns">Press the buttons to make it shorter or taller!</h2>  

<div id="testBox">

    <img src="images/height/heightMid.gif"> 

</div>

<form method="get" action="width.php" class="testAns" id="heightAns">
<input type="radio" name="height" value="short" onchange="ChangeDisplay();">-25%
<input type="radio" name="height" value="mid" onchange="ChangeDisplay();">normal
<input type="radio" name="height" value="tall" onchange="ChangeDisplay();">+25%

<br>

<h2 class="confirm">Does this look good?  If so, please click the "Submit" button.</h2>

<span class="submit"><input type="submit"></span>
</form>

И у меня есть функция JavaScript, которая должна менять изображение в зависимости от выбранного переключателя:

function ChangeDisplay(){
    switch(document.test.field.value){
       case "short":
         document.getElementById("testBox").innerHTML = "<img src='images/height/heightMinus25.gif'>";
         break;
       case "mid":
          document.getElementById("testBox").innerHTML = "<img src='images/height/heightMid.gif'>";
          break;
       case "tall":
          document.getElementById("testBox").innerHTML = "<img src='images/height/heightPlus25.gif'>";
          break;

    }
  }

Однако, когда я выбираю кнопки, дисплей не изменяется. Любая помощь будет принята с благодарностью.