记录下用js的下拉框事件来实现切换图片和实现链接跳转的两个例子：
1.JS实现下拉框切换图片方法：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>js实现下拉框选中要显示的图片</title>
</head>
<body>
<img width=500 height=500 src="images/01.jpg" name="img">
<SELECT onChange="document.img.src=options[selectedIndex].value">
//onchange事件也可以用document.getElementById('img').src=this.value
<option value="images/04.jpg">油菜花</option>
<option value="images/03.jpg">郁金香</option>
<option value="images/02.jpg">菊花</option>
<option value="images/01.jpg">枫叶</option>
</SELECT>
</body>
</html>备注：
options[selectedIndex].value //是获取value值；
options[selectedIndex].text //是获取下拉框的文本值。2.下拉框实现页面的跳转：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<select onchange="window.location.href=this.options[this.selectedIndex].value">
<option value="http:\\www.baidu.com">百度</option>
<option value="http:\\www.sina.cn">新浪</option>
</select>
</body>
</html>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。