javascript问题？怎么用select联动几个表单form???
问题补充：我要在同一网页内用select联动几个form表单，不跳转页面的我建了一个select菜单，想联动几个表单，代码是：<selectname=s1><option...
问题补充：我要在同一网页内用select联动几个form表单，不跳转页面的
我建了一个select菜单，想联动几个表单，代码是：
<select name=s1>
<option value='week'>一周＜／option>
<option value='month'>一月＜／option>
<option value='year'>一年＜／option>
</select>
我建了三个表单form，代码如下：
表单一：
<form name=formWeek>
<table>
<tr>
<td>请输入一周的次数：＜／td>
<td><input type=text size=3></td>
</tr>
</table>
</form>
表单二：
<form name=formMonth>
<table>
<tr>
<td>请输入一月的次数：＜／td>
<td><input type=text size=3></td>
</tr>
</table>
</form>
表单三：
<form>
<table>
<tr>
<td>请输入一年的次数：</td>
<td><input type=text size=3></td>
</tr>
</table>
</form> 展开
我建了一个select菜单，想联动几个表单，代码是：
<select name=s1>
<option value='week'>一周＜／option>
<option value='month'>一月＜／option>
<option value='year'>一年＜／option>
</select>
我建了三个表单form，代码如下：
表单一：
<form name=formWeek>
<table>
<tr>
<td>请输入一周的次数：＜／td>
<td><input type=text size=3></td>
</tr>
</table>
</form>
表单二：
<form name=formMonth>
<table>
<tr>
<td>请输入一月的次数：＜／td>
<td><input type=text size=3></td>
</tr>
</table>
</form>
表单三：
<form>
<table>
<tr>
<td>请输入一年的次数：</td>
<td><input type=text size=3></td>
</tr>
</table>
</form> 展开
2个回答
展开全部
全部代码如下,测试通过.
<html>
<head><title>切换</title></head>
<body>
<select name="s1" onchange="changeform(this.value)">
<option value='week'>一周</option>
<option value='month'>一月</option>
<option value='year'>一年</option>
</select>
<br />
<div id="form1">
<form name=formWeek>
<table>
<tr>
<td>请输入一周的次数：</td>
<td><input type=text size=10></td>
</tr>
</table>
</form>
</div>
<div id="form2">
<form name=formMonth>
<table>
<tr>
<td>请输入一月的次数：</td>
<td><input type=text size=10></td>
</tr>
</table>
</form>
</div>
<div id="form3">
<form>
<table>
<tr>
<td>请输入一年的次数：</td>
<td><input type=text size=10></td>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
$d=function(id){return document.getElementById(id);}
fhidden($d("form2"),$d("form3"),$d("form1"));
function fhidden(str1,str2,str3)
{
str1.style.display="none";
str2.style.display="none";
str3.style.display="";
}
function changeform(v)
{
switch (v)
{
case "month":fhidden($d("form1"),$d("form3"),$d("form2"));break;
case "year":fhidden($d("form1"),$d("form2"),$d("form3"));break;
default:fhidden($d("form2"),$d("form3"),$d("form1"));break;
}
}
</script>
</body>
</html>
<html>
<head><title>切换</title></head>
<body>
<select name="s1" onchange="changeform(this.value)">
<option value='week'>一周</option>
<option value='month'>一月</option>
<option value='year'>一年</option>
</select>
<br />
<div id="form1">
<form name=formWeek>
<table>
<tr>
<td>请输入一周的次数：</td>
<td><input type=text size=10></td>
</tr>
</table>
</form>
</div>
<div id="form2">
<form name=formMonth>
<table>
<tr>
<td>请输入一月的次数：</td>
<td><input type=text size=10></td>
</tr>
</table>
</form>
</div>
<div id="form3">
<form>
<table>
<tr>
<td>请输入一年的次数：</td>
<td><input type=text size=10></td>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
$d=function(id){return document.getElementById(id);}
fhidden($d("form2"),$d("form3"),$d("form1"));
function fhidden(str1,str2,str3)
{
str1.style.display="none";
str2.style.display="none";
str3.style.display="";
}
function changeform(v)
{
switch (v)
{
case "month":fhidden($d("form1"),$d("form3"),$d("form2"));break;
case "year":fhidden($d("form1"),$d("form2"),$d("form3"));break;
default:fhidden($d("form2"),$d("form3"),$d("form1"));break;
}
}
</script>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
select 的onchange="change();"
function change(){
var name=document.getElementById("s1").value;
if(name=='week'){
document.getElementById("t1").style.display="";
document.getElementById("t2").style.display="none";
document.getElementById("t3").style.display="none";
}else if(name=='month'){
document.getElementById("t1").style.display="none";
document.getElementById("t2").style.display="";
document.getElementById("t3").style.display="none";
}else if(name=='year'){
document.getElementById("t1").style.display="none";
document.getElementById("t2").style.display="none";
document.getElementById("t3").style.display="";
}
}
function change(){
var name=document.getElementById("s1").value;
if(name=='week'){
document.getElementById("t1").style.display="";
document.getElementById("t2").style.display="none";
document.getElementById("t3").style.display="none";
}else if(name=='month'){
document.getElementById("t1").style.display="none";
document.getElementById("t2").style.display="";
document.getElementById("t3").style.display="none";
}else if(name=='year'){
document.getElementById("t1").style.display="none";
document.getElementById("t2").style.display="none";
document.getElementById("t3").style.display="";
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
