javascript - 在同一页面上根据组合框值显示图像

Question

如何显示图像取决于组合框中选择的值，图像将显示在组合框附近的同一页面中......提前致谢......

Answer 1

您需要在 html中使用onchangewith 。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>