需求：改变列表框的值时候，图片发生改变：、
程序代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> <!--add()方法输出中文出现了乱码，这儿指定下编码方式-->
<title>js</title>
<script type="text/javascript" src="index.js"></script>
</head>
<body onl oad="initLogo()">
<form>
<img src="image/headLogo/1.png" id="img1">
<select id="logo" onchange="selectLogo()"></select>
</form>
</body>
</html>// 初始化，图片旁边的下拉选择框
function initLogo(){
var logo = document.getElementById("logo");
for(var i=1;i<=5;i++){
logo.options.add(new Option(i,i));
}
}
function selectLogo(){
var logo = document.getElementById("logo");
var n = parseInt(logo.value);
var logoImg = document.getElementById("img1");
logoImg.src = "image/headLogo/"+n+".png";
}效果：
注：经过总结发现：
（1）JS要想操作某个控件，必须先通过document.getElement***By***(“”)；获得控件对应的对象，才能后续操作；
（2）parseInt()这种类型转换函数经常用，尤其是在获取控件属性值时的时候类型转换一下，以确保后续使用这个值的时候不会出现类型问题；
（3）img是一个控件，这个控件有很多属性，可以在html中对其属性进行设置，也可以在JS中对其属性进行设置；JS的其他控件情况类同，慢慢加深熟练度啦；