close
紅色的部分要換成自己的檔案路徑，
藍色的部分是JS語法，id前後要一致!
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<TITLE> onchange img </TITLE>
<script type="text/javascript">
function swapImage(){
var image = document.getElementById("imageToSwap");
var dropd = document.getElementById("dd");
image.src = dropd.value;
};
</script>
</HEAD>
<BODY>
<img id="imageToSwap" src="images/1.jpg" />
<br/><br/>
<select id="dd" onChange="swapImage()">
<option value="images/1.jpg">媽媽</option>
<option value="images/2.jpg">爸爸</option>
<option value="images/3.jpg">小寶貝1</option>
</select>
</BODY>
</html>
全站熱搜
留言列表
設計概論 (6)
