问个简单的问题，在线等结果，进来就给分

文件：liuyan.php
<script>
function chgpic()
{
document.frm.img.src='image/'+document.frm.sel.value+'.jpg';
}
</script>
<form action="liuyan.php" method="post" name="frm">
<small>选择自己喜欢的头像：</small>
<select name="sel" id="sel" onchange="chgpic()">
<option value="t1">头像1
<option value="t2">头像2
<option value="t3">头像3
<option value="t4">头像4
<option value="t5">头像5
<option value="t6">头像6
<option value="t7">头像7
<option value="t8">头像8
<option value="t9">头像9
<option value="t10">头像10
<option value="t11">头像11
</select>  
<img src="image/t1.jpg" name="img"><br/>
<input type="submit" value="发表留言" name="submit"> 
<input type="reset" value="重置" name="reset"> 
</form>这是表单里的代码，可以通过选择select里的选项的同时旁边的img也随着变换，可是唯一一个问题是我单击重置按钮的时候select里的选项是回到了头像1，可是旁边的img为什么保持没有变呢？跪求解释。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<script>
function chgpic(s)
{
    document.frm.img.src='image/'+s+'.jpg';
}
</script>
<form action="liuyan.php" method="post" name="frm">
<small>选择自己喜欢的头像：</small>
    <select name="sel" id="sel" onchange="chgpic(this.value)">
        <option value="t1">头像1
        <option value="t2">头像2
        <option value="t3">头像3
        <option value="t4">头像4
        <option value="t5">头像5
        <option value="t6">头像6
        <option value="t7">头像7
        <option value="t8">头像8
        <option value="t9">头像9
        <option value="t10">头像10
        <option value="t11">头像11
    </select>  
<img src="image/t1.jpg" name="img"><br/>
<input type="submit" value="发表留言" name="submit"> 
<input type="reset" value="重置" name="reset"> 
</form>
再简单一点：
<select name="sel" id="sel" onchange="chgpic(this.img.src='image/'+this.value+'.jpg')">
reset是只有在form中彩起作用，调用reset之后所有的form中的信息全部清零，但是并没有调用change事件，楼主可以在chgpic()函数中叫一个alert试试
错了错了，这样：
再简单一点：
<select name="sel" id="sel" onchange="this.img.src='image/'+this.value+'.jpg';">
另外，你的<option>没闭合啊：</option>
<form action="liuyan.php" method="post" name="frm">
  <small>选择自己喜欢的头像：</small>
  <select name="sel" id="sel" onchange="onchange="this.img.src='image/'+this.value+'.jpg';"">
  <?php
    for ($i=1; $i<=11; $i++){
      echo "<option value="t$i">头像$i</option>";
    }
  ?>
  </select>  
  <img src="image/t1.jpg" name="img"><br/>
  <input type="submit" value="发表留言" name="submit"> 
  <input type="reset" value="重置" name="reset"> 
</form>
楼上的，你自己试一下了吗？不能用啊还有3楼的，reset之后select是回到了头像1啊，明明变了的，为什么就不调用change事件呢？
<form action="liuyan.php" method="post" name="frm">
<small>选择自己喜欢的头像：</small>
<select name="sel" id="sel" onchange="this.img.src='image/'+this.value+'.jpg';">
<option value="t1">头像1</option>
<option value="t2">头像2</option>
<option value="t3">头像3</option>
<option value="t4">头像4</option>
<option value="t5">头像5</option>
<option value="t6">头像6</option>
<option value="t7">头像7</option>
<option value="t8">头像8</option>
<option value="t9">头像9</option>
<option value="t10">头像10</option>
<option value="t11">头像11</option>
</select>  
<img src="image/t1.jpg" name="img"><br/>
<input type="submit" value="发表留言" name="submit"> 
<input type="reset" value="重置" name="reset"> 
</form>
这样改了之后img都不会变了，楼上的
汗~~我看错你的问题了，这样：
<html><head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<script>
function chgpic(s){
  document.frm.img.src='image/'+s+'.jpg';
}
</script>
</head>
<body>
<form action="liuyan.php" method="post" name="frm">
<small>选择自己喜欢的头像：</small>
  <select name="sel" id="sel" onchange="chgpic(this.value)">
  <?php
    for ($i=1; $i<=11; $i++){
       echo "<option value='t$i'>头像$i</option>";
    }
  ?>
  </select>  
<img src="image/t1.jpg" name="img"><br/>
<input type="submit" value="发表留言" name="submit"> 
<input type="reset" value="重置" name="reset" onclick="chgpic('t1');"> 
</form>
</body>
</html>
onclick="chgpic('t1');呵呵，还是这句给我解决了问题，楼上的，不要着急么，看清楚了再回答问题，好了，解决啦，给分
<script>
function chgpic()
{
    document.frm.img.src='image/'+document.frm.sel.value+'.jpg';
}
function myreset()
{
document.frm.reset();
chgpic();
}
</script>
<form action="liuyan.php" method="post" name="frm">
<small>选择自己喜欢的头像：</small>
    <select name="sel" id="sel" onchange="chgpic()">
        <option value="t1">头像1
        <option value="t2">头像2
        <option value="t3">头像3
        <option value="t4">头像4
        <option value="t5">头像5
        <option value="t6">头像6
        <option value="t7">头像7
        <option value="t8">头像8
        <option value="t9">头像9
        <option value="t10">头像10
        <option value="t11">头像11
    </select>  
<img src="image/t1.jpg" name="img"><br/>
<input type="submit" value="发表留言" name="submit"> 
<input type="button" value="重置" onclick="myreset();"> 
</form>将充值改为button，调用方法，先reset，再做其它。