本帖最后由 隋营营 于 2012-5-7 10:30 编辑
自己写了一个测试下拉列表的页面，当选择项不同时换一幅图片：
下面是代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>select</title>
<script language="javascript">
var pic=document.getElementById("pic");
function replace(obj){
pic.src=obj.options[obj.selectedIndex].value;
}
</script>
</head>
<body>
<table border=1 align="center">
<tr>
<td><img id="pic" src="1.jpg"></td>
</tr>
<tr>
<td align="center">
<select name="slt">
<option value="1.jpg">春</option>
<option value="2.jpg">夏</option>
<option value="3.jpg">秋</option>
<option value="4.jpg">冬</option>
</select>
</td>
</tr>
</table>
</body>
</html>
为什么我的<script>代码块（红色部分）放在<head>标签内部不起作用，而放在<body>标签内就正常了？
多个浏览器都试过，情况相同。是我的代码有问题吗？
非常感谢给出建议！
|
|
收藏
淘帖
踩
