图片显示问题

Question

在下拉框的onchange事件里面通过判断选择的是第几项，把对应表格的图片显示出来

Answer 1

<script language="javascript">
  function ShowIMG(ID)
  {
    for (var i=1;i<5;i++)
    {
      var IMG=document.getElementById("IMG"+i);
      if (i==ID)
      {
        IMG.style.display="block";
      }
      else
      {
        IMG.style.display="none";
      }
    }
  }
  </script>    <select onchange="ShowIMG(this.value)">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
    </select>
    <table border=1>
      <tr>
        <td width="200" height="100">1<img src="http://zi.csdn.net/mobi120x60.gif" id="IMG1" style="display:none"></td>
        <td width="200">2<img src="http://zi.csdn.net/mobi120x60.gif" id="IMG2" style="display:none"></td>
        <td width="200">3<img src="http://zi.csdn.net/mobi120x60.gif" id="IMG3" style="display:none"></td>
        <td width="200">4<img src="http://zi.csdn.net/mobi120x60.gif" id="IMG4" style="display:none"></td>
      </tr>
    </table>