求助：如何通过js切换图像？

Question

表单中有2个控件，图像域和下拉框，我想通过改变下拉选项来动态切换图像域中的图像，但是无法实现，只有将图像域换成图像标签，才能实现，不知道为什么，请高手指教。
<form action="" method="get" name="form1">
<!--<input name="show_image" type="image" src="image/04.gif" />该方法无法实现，所以注释掉了-->
<img src="image/04.gif" name="show_image"/>
<br/>
<select name="images" onchange="document.show_image.src=options[selectedIndex].value">
  <option value="image/04.gif">看看图片1</option>
  <option value="image/05.gif">看看图片2</option>
  <option value="image/06.gif">看看图片3</option>
  <option value="image/09.gif">看看图片4</option>
</select>
</form>

Answer 1

<!--<input name="show_image" type="image" src="image/04.gif" />该方法无法实现，所以注释掉了-->
这种我没见过，
你可以设置background属性，也可img标签的src

Answer 2

img标签的方法我会，就是想知道图像域标签的方法为何行不通。

Answer 3

<input/> 的type 类型就没有image吧，个人认为是没有的。

Answer 4

恩，还真有这个类型。
你改改看
document.getElementsByName('show_image')[0].src=options[selectedIndex].value

Answer 5

<form action="" method="get" name="form1">
<input name="show_image" type="image" src="image/04.gif" />
<!--<img src="image/04.gif" name="show_image"/>该方法无法实现，所以注释掉了-->
<br/>
<select name="images" onchange="document.getElementsByName('show_image')[0].src=options[selectedIndex].value">
  <option value="image/01.gif">看看图片1</option>
  <option value="image/02.gif">看看图片2</option>
</select>
</form>
我这可以了
火狐3。6

Answer 6

原来真的可以，谢谢楼上的。之前不行，是因为我写成了getElementsByName("show_image")[0]，但是不明白为什么括号中的参数不能用双引号呢？再次谢谢楼上的。

Answer 7

一个字符串里面不能再包括外面声明时的单双引号，你可以转义
getElementsByName(\"show_image\")[0]

Answer 8

还有一个问题就是：为什么不能直接写成document.show_image.src=options[selectedIndex].value呢？难道访问不同的元素还要用不一样的方法吗？