web开发 select问题，切换图片

Question

思路：更改这个下拉框的值会调用check（）方法，在check（）方法体中首先获取这个下拉框的值
var selected = $("#"+id).val();
然后根据这个值设置图片的src属性
$("#img").attr("src","images/headimg/" + selected + ".jpg");

Answer 1

嗯，请问，check（） 方法体是自带的，还是我们自己编写的。 我是初学者。

Answer 2

你好，我看见那个check方法体了。   
function check(){
                       var headimg=document.mainform.headimage.value;
                       //alert(headimg);
             document.getElementById("head").innerHTML="<img src="+"images/headimg/"+headimg+" width=50 height=50 />";
                      }
function choice(obj){
    var content=document.mainform.content.value;
    document.mainform.content.value=content+obj.value;
}是不是把这两段代码移到另一个程序就能实现选择1时显示1.jpg 选择2时切换到2.jpg呢？

Answer 3

你好，我看见那个check方法体了。   
function check(){
                       var headimg=document.mainform.headimage.value;
                       //alert(headimg);
             document.getElementById("head").innerHTML="<img src="+"images/headimg/"+headimg+" width=50 height=50 />";
                      }
function choice(obj){
    var content=document.mainform.content.value;
    document.mainform.content.value=content+obj.value;
}是不是把这两段代码移到另一个程序就能实现选择1时显示1.jpg 选择2时切换到2.jpg呢？
只需要这个check（）方法就够了，那个choice（）方法和这个没有关系的。楼主试出来没有

Answer 4

直接运行就可以了。<select name="headimage" onchange="check()">
<%
        for(int i=1;i<=10;i++){
%>
         <option value="<%=i %>.jpg"><%=i %>.jpg</option>
<%
         }
%>
</select>
<label id="head"><img src="images/headimg/1.jpg" width="50" height="50" /></label>
<script type="text/javascript">
function check(){
document.getElementById("head").getElementsByTagName('img')[0].src = 'images/headimg/' + document.getElementsByName('headimage')[0].value;
}
</script>
[/code]