基於同一頁上的組合框顯示圖像

Question

如何顯示圖像取決於在組合框中選擇的值，並且圖像將顯示在組合框附近的相同頁面中... 在此先感謝...

Answer 1

您需要在html中使用onchange和select。使用Javascript你可以完成它。一個例子如下所示。只需檢查在javascript函數中選擇的值並決定要顯示哪個圖像。我比較了這些值，但您甚至可以擁有圖像名稱本身。

<select name="number" id="course" style="width:158px;" onchange="getImage(this)"> 
    <option value="none">----Select ----</option> 
    <option >1</option> 
    <option >2</option> 
</select> 
<img id="imgt" src="default.jpg" width="300" height="300"/> 


<script type="text/javascript"> 
    function getImage(v) { 
     var num = v.value; 
     alert(num); 
     if(num==1) { 
      document.getElementById("imgt").setAttribute("src","image1.jpg"); 
     } 
     else { 
      document.getElementById("imgt").setAttribute("src","image2jpg");  
     } 
    } 
</script>