js怎样用下拉按钮选择图片

Question

一个jsp页面，下拉按钮下是一组图片名称，选择一个后，就能改变跟在后面的图片

Answer 1

<select id="slt"><option value="0" select="selected">请选择</option></select>

  <script>
var Imgs = [];
Imgs.push("1.jpg");
Imgs.push("2.jpg");
Imgs.push("3.jpg");
Imgs.push("4.jpg");

var currImgID = "current";

InitSlt(); function InitSlt(){
var obj = document.getElementById("slt");
obj.onchange = changeCallback;
for(var i = 0; i < Imgs.length; i++){
var opt = document.createElement("option");
opt.value = opt.innerHTML = Imgs[i];
obj.appendChild(opt);
}
} function changeCallback(){
if(!document.getElementById(currImgID)){
var obj = document.createElement("img");
obj.id = currImgID;
if(document.documentElement){
document.documentElement.appendChild(obj);
}
else{
document.body.appendChild(obj);
}
} var currentObj = document.getElementById(currImgID);
if(this.selectedIndex > 0){
currentObj.src = this.options[this.selectedIndex].value;
}
}

Answer 2

<select onchange="document.getElementById('imgID').src=this.value">
<option value="http://c.csdn.net/bbs/t/5/i/pic_logo.gif">1
<option value="http://static.googleadsserving.cn/pagead/imgad?id=CNCKjYjn7-jSXhDIARi9ATIIXaAHzsAegbE">2
</select>
<img id="imgID"/>

Answer 3

用DIV模拟一个下接列表框不就成了

Answer 4

这个我试过了，是对的，但<img src="xxx" id="imgID"/>写成这样一开始也会显示图片了