Question

如何在Javascript中能够动态根据下拉列表的选项变化，更新图片的显示 ？

就是在下拉列表中点击图片一、图片二、图片三等选项，右边图框中相应地会出现不同的图片。例如1.pig,2.pig,3.pig 。帮帮忙啊！要能实现哦！

Answer 1

<select name="img_list" onchange="img_chg(this.value)">
<option value="1.png">1</option>
<option value="2.png">2</option>
<option value="3.png">3</option>
</select>

<img src="" id="img_cont" />

<script type="text/javascript">
function img_chg(img_url){
document.getElementById('img_cont').src =img_url;
}
</script>