完成函数showImg(),要求能够动态根据下拉列表的选项变化,更新图片的显示<body> <script type="text/javascript" > function showImg (oSel) { //在此处添加代码 } </script> <img id="pic" src="img1.jpg" width="200" height="200" /> <br /> <select id="sel" onchange="showImg(this)"> <option value="img1">城市生活</option> <option value="img2">都市早报</option> <option value="img3">青山绿水</option> </select></body
时间: 2023-07-19 19:08:32 浏览: 109
动态显示图片
可以使用以下代码实现:
```
function showImg(oSel) {
var img = document.getElementById("pic");
var value = oSel.value;
img.src = value + ".jpg";
}
```
在上述代码中,我们首先使用 `document.getElementById` 方法获取 id 为 "pic" 的图片元素。然后获取下拉列表的选中值,使用该值更新图片的 `src` 属性,从而显示不同的图片。最后将更新后的图片显示在页面上。
阅读全文