Question

在HTML中，select标签中的onchange属性如何用才能达到我要的结果呢，请大虾帮帮忙，急！！！

我想根据客户选择下拉框中不同的值在页面上显示对应的图片给用户看，请问这个功能怎么实现？

Answer 1

你可以把select的value值定义为图片的名称
例如
<select onchange="changeImg(this.value);">
<option value="图片名称1">图片1</option>
<option value="图片名称2">图片2</option>
<option value="图片名称3">图片3</option>
。。。
</select>
<img src="" id="showimg" name="showimg" />
js可以这么写
function changeImg(val) {
document.getElementById('showimg').src="你的图片路径"+val;
}

追问

为什么加一句，图片路径直接在changeImg函数中的SRC指定就应该可以了吧，这句话放在这里起什么作用？

追答

你不加img 你的图片显示在哪呢

Answer 2

在onchange中定义事件，取出select的值，然后根据值显示图片即可，等会写个demo给您！

Answer 3

select 是有value属性的（就是option的value值） 当onchange事件触发时 获取select的value值，判断值为什么，就显示什么图片

思路就是这样 代码自己去实现吧 这样才能学到东西 不懂 可以追问

追问

我是这样写的，知道少了个IF判断

，但是有不知道在哪里加！

追答

var a = document.getElementById("a").value(); //获取select的值
img.src = a + "_img.jpg"//设置图片的路径，这样给图片命名 a_img.jpg, b_img.jpg, c_img.jpg,........ 这样就不需要if判断了

Answer 4

当出发onchange事件后，在onchange里面写改变显示图片src路径就行了