onchange获取select中的option的下标,img中的图片做切换。
《html代码》
<img id="imgs" src="img/1.jpg" alt=""/><br/>
<select name="pic" id="pic" οnchange="test(this)">
<option value="1.jpg">1.jpg</option>
<option value="cy.jpg">cy.jpg</option>
<option value="jy.jpg">jy.jpg</option>
<option value="kx.jpg">kx.jpg</option>
</select>
《script 代码》
function test(obj){
var index=obj.selectedIndex; //获取索引值
var imgs=document.getElementById("imgs");
var val=obj.options;
imgs.src="img/"+val[index].value; 动态设置img的src属性值,随着鼠标的选择切换图片
}