基于同一页面上的组合框值显示图像

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>