<!DOCTYPE html>
<html>
<head>
<title>再简单不过的javascript select 图片切换代码</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<img id="tu" src="1.jpg">
<select name="picture" onchange="get_image(this);">
<option value="">选择图片</option>
<option value="1.jpg">图片1</option>
<option value="2.jpg">图片2</option>
<option value="3.jpg">图片3</option>
<option value="4.jpg">图片4</option>
</select>
<script type="text/javascript">
var tu = document.getElementById('tu');
function get_image(obj){
var index = obj.selectedIndex;
var images = obj.options[index].value;
if(images){
tu.src=images;
}else{
tu.src=obj.options[1].value;
}
}
</script>
</body>
</html>
发表评论 取消回复