新手求助:怎样实现这样一个效果?
在一个表单中有一下拉列表框,要根据用户在列表框中的选择内容来决定出现不同的文本框给用户填写,然后再提交给后台处理,该怎样做呢?现在我不知道怎样在当前页(没有提交之前)判断用户的选择．
,没人帮我!!
2007-03-27 23:29
2007-03-28 20:32
[CODE]
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Admin_ClientSub</title>
</head>
<body scroll="yes" onLoad="SelectSubSort('0');">
<table width="100%" border="0" cellspacing="6" cellpadding="0">
<tr>
<td>
<form method="post" name="DataForm" action="Admin_ClientSubAction.Asp?FunId=41&action=add">
<input type="hidden" name="OldSubSort" value="0">
<table width="100%" border="0" cellpadding="4" cellspacing="0" class="TabBody">
<tr class="TableM_2">
<td height="30" width="25%" align="right">调用类型：</td>
<td height="30">
<select name="SubSort" onChange="SelectSubSort(this.options[this.selectedIndex].value);">
<option value="0" selected>选取调用类型</option>
<option value="1">新闻信息调用</option>
<option value="2">产品调用</option>
<option value="3">链接调用</option>
</select>
</td>
</tr>
<tr class="TableM_1">
<td height="30" align="right" style="line-height:26px" valign="top">调用设置：</td>
<td height="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr id="SetArea_0" style="display:block;">
<td height="22">(请先选择调用类型) </td>
</tr>
<tr id="SetArea_1" style="display:none">
<td><table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td height="27" class="TableM_1">
信息分类：<select name="NewsGetClass">
<option value="0">所有信息分类</option>
<option value="40">信息维护</option><option value="42">行业信息</option>
</select> 专题分类：<select name="NewsSpecialKind">
<option value="0">不限制专题</option>
<option value="2">图片处理技术</option>
<option value="3">AJAX</option>
</select></td>
</tr>
<tr>
<td height="13" class="TableM_1">是否图片新闻：<input type="checkbox" name="NewsPicFlag" value="1"> 是否推荐：<input type="checkbox" name="NewsVouchFlag" value="1"> 是否置顶：<input type="checkbox" name="NewsTopFlag" value="1"> 排序规则：<select name="NewsOrderKind">
<option value="1" selected>按发布时间降序</option>
<option value="2">按发布时间升序</option>
<option value="3">按推荐信息</option>
<option value="4">按浏览量</option>
</select></td>
</tr>
<tr>
<td height="27" class="TableM_1">
显示记录数：<input name="NewsGetCount" value="10" type="text" class="InputText" size="5" maxlength="3"> 标题显示长度：<input name="NewsTitleLong" value="30" type="text" class="InputText" size="5" maxlength="3"> 时间显示格式：<select name="NewsTimeFormat">
<option value="0" selected>YYYY-M-D H:M:S(长格式)</option>
<option value="1">YYYY年M月D</option>
<option value="2">YYYY-M-D</option>
<option value="5">M/D/YY</option>
<option value="3">H:M:S</option>
<option value="4">hh:mm</option>
</select>
</td>
</tr>
</table>
</td>
</tr>
<tr id="SetArea_2" style="display:none">
<td><table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td class="TableM_1">产品分类：<select name="ProClass">
<option value="0">所有分类</option>
<option value="1">测试分类</option>
</select> 语言类别：<select name="ProLanKind">
<option value="1" selected>中文</option>
<option value="2">英文</option>
</select> 排序规则：<select name="ProOrderKind">
<option value="1" selected>按指定排序序号</option>
<option value="2">按发布时间降序</option>
<option value="3">按发布时间升序</option>
<option value="4">按产品类别</option>
<option value="5">按推荐产品</option>
</select></td>
</tr>
<tr>
<td class="TableM_1">是否推荐：<input type="checkbox" name="ProVouchFlag" value="1"> 是否有图片：<input type="checkbox" name="ProPicFlag" value="1"> 显示记录数：<input type="text" name="ProGetCount" class="InputText" size="5" maxlength="3" value="10"> 产品名称长度：<input name="ProNameLong" type="text" class="InputText" size="5" maxlength="3" value="100"></td>
</tr>
</table></td>
</tr>
<tr id="SetArea_3" style="display:none">
<td><table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td class="TableM_1">连接分类：<select name="LinkClass">
<option value="0">所有分类</option>
<option value="30">友情连接</option>
</select> 链接类型：<select name="LinkKind">
<option value="1" selected>文字</option>
<option value="2">图片</option>
</select></td>
</tr>
<tr>
<td class="TableM_1">显示记录数：<input type="text" name="LinkGetCount" class="InputText" size="5" maxlength="3" value="10"> 排序规则：<select name="LinkOrderKind">
<option value="1" selected>按指定序号</option>
<option value="2">按添加时间升序</option>
<option value="3">按添加时间降序</option>
</select></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
<tr class="TableM_1">
<td height="150" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="line-height:26px" align="right">模板_主体循环标记部分：</td>
</tr>
<tr>
<td>
<FIELDSET style="color:#003366;padding:2px;">
<LEGEND>模板变量说明</LEGEND>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="ArticleAbout">
<tr id="SetResume_0">
<td>(请先选择调用类型)</td>
</tr>
<tr id="SetResume_1" style="display:none">
<td>
<ol style="margin:0px;margin-left:35px;">
<li>标题：{$NewsTitle$}</li>
<li>分类：{$ClassName$}</li>
<li>作者：{$Author$}</li>
<li>来源：{$NewsFrom$}</li>
<li>时间：{$PubTime$}</li>
<li>浏览量：{$ReadCount$}</li>
<li>最新新闻：{$NewFlag$}</li>
<li>图文标记：{$PicFlag$}</li>
<li>推荐标记：{$VouchFalg$}</li>
<li>置顶标记：{$TopFlag$}</li>
<li>ID号：{$NewsID$}</li>
<li>分类ID：{$ClassID$}</li>
</ol>
</td>
</tr>
<tr id="SetResume_2" style="display:none">
<td>
<ol style="margin:0px;margin-left:35px;">
<li>名称_中文：{$ProNameCn$}</li>
<li>名称_英文：{$ProNameEn$}</li>
<li>分类_中文：{$CalssCn$}</li>
<li>分类_英文：{$CalssEn$}</li>
<li>产品图片：{$ProPic$}</li>
<li>产品ID：{$ProId$}</li>
<li>分类ID：{$ClassId$}</li>
</ol>
</td>
</tr>
<tr id="SetResume_3" style="display:none">
<td>
<ol style="margin:0px;margin-left:35px;">
<li>链接文字：{$LinkWord$}</li>
<li>链接图片：{$LinkPic$}</li>
<li>链接地址：{$LinkUrl$}</li>
<li>说明：{$LinkResume$}</li>
</ol>
</td>
</tr>
</table>
</FIELDSET>
</td>
</tr>
</table>
</td>
<td height="30" valign="top"><textarea name="SubMidTag" class="InputText" style="width:85%; height:100%"></textarea></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
<script language="javascript">
<!--
function $(ID){return document.getElementById(ID);}
var Auto_SubSort = 0;
function SelectSubSort(SubSort){
var a = $("SetArea_"+ SubSort);
var b = $("SetArea_"+ Auto_SubSort);
var c = $("SetResume_"+ SubSort);
var d = $("SetResume_"+ Auto_SubSort);
if(a && b && c && d){
b.style.display = "none";
a.style.display = "block";
d.style.display = "none";
c.style.display = "block";
Auto_SubSort = SubSort;
}
}
//-->
</script>[/CODE]
以前有人发过这样的帖子
[此贴子已经被作者于2007-3-29 8:59:57编辑过]
2007-03-29 08:58
2007-03-29 09:49
2007-03-29 10:01
2007-04-04 22:32
做好N个表单