close

資料參考: http://forums.aspfree.com/html-javascript-css-help-7/javascript-select-onchange-change-image-198846.html

 

紅色的部分要換成自己的檔案路徑，

藍色的部分是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>

arrow
arrow
    全站熱搜

    mosquitoyo 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄