文件: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为什么保持没有变呢?跪求解释。
<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为什么保持没有变呢?跪求解释。
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')">
错了错了,这样:
再简单一点:
<select name="sel" id="sel" onchange="this.img.src='image/'+this.value+'.jpg';">
<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>
<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>
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,再做其它。