这个程序怎么改，高分求教，成功后马上解帖

zhurenweile 2003-10-30 09:08:44
我想实现如下程序所示的功能，由于我用的是隐藏来实现在，在显示上显示的很乱，给人的感觉是东一个西一个，可不可以用别的方法实现，使程序选择不同的选项显的的内容都在同一个地方显示
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>苏州东南区域管理中心车籍资料查询系统</title>
<style type="text/css">
<!--
.tbale1 {
font-family: "宋体";
font-size: 10pt;
border-bottom-width: 1px;
border-top-style: none;
border-bottom-color: #99CCCC;
border-bottom-style: solid;
background-color: #CAE7F7;
}
-->
</style>
<style type="text/css">
<!--
.table2 {
font-family: "新宋体";
font-size: 9pt;
}
.table1 {
font-family: "新宋体";
font-size: 12pt;
background-color: #CAE7F7;
color: #FF0000;
border-top: none #CAE7F7;
border-right: none #CAE7F7;
border-bottom: none #CAE7F7;
border-left: none #CAE7F7;
}
-->
</style>
</head>

<body background="img/bg.gif" topmargin="0" marginheight="0">
<p> </p>
<p> </p>
<p> </p>
<table width="100%" height="132" border="0" align="center">
<tr>
<td height="46">
<div align="center">
<p ><strong><font color="#FF0000">苏州东南区域管理中心车籍资料查询系统</font></strong></p>
</div></td>
</tr>
<tr>
<td height="80">
<div align="center">
<form action="ckmain.asp" method="post" name="form2" target="mainFrame">
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0" class="table2">
<tr bgcolor="#99CCFF" class="tbale1">
<td width="183" height="34" bgcolor="#CAE7F7" class="tbale1"> </td>
<td width="317" align="center" valign="middle" bgcolor="#CAE7F7" class="tbale1">请选择查询条件
<select name="fhd" id="select2" onchange="aa(this)">
<option value="1">显示全部</option>
<% if session("flag")=1 then%>
<option value="xsfgs">销售公司</option>
<% end if%>
<option value="fdjh">发动机号</option>
<option value="dph">底盘号</option>
<option value="cx">类型</option>
<option value="color">颜色</option>
<option value="lxdz">联系地址</option>
<option value="yb">邮编</option>
<option value="jcdata">交车日期</option>
<option value="bxdata">保险日期</option>
>
<option value="flag">地区</option>
</select></td>
<td width="69" bgcolor="#CAE7F7" class="tbale1"><input name="mohu" type="checkbox" id="mohu" value="1" checked>
模糊</td>
<td colspan="3" bgcolor="#CAE7F7" class="tbale1">排序方式
<label>
<input type="radio" name="px" value="1">
降序</label> <label>
<input name="px" type="radio" value="2" checked>
升序</label></td>
</tr>
<tr bgcolor="#99CCFF" class="tbale1">
<td height="65" colspan="3" bgcolor="#CAE7F7" class="tbale1"> <label>
</label> <label> </label>
<div align="center">
<p>
<input name="neirong" type="text" class="table1" id="neirong" style="visibility:hidden" value="请输入查询内容:">
</p>
<p>
<select name="xsgs" id="select5" style="visibility:hidden">
<option>==请选择销售公司==</option>
<option>常州销售分公司</option>
<option>无锡销售分公司</option>
<option>南通销售分公司</option>
<option>苏州销售分公司</option>
</select>
<select name="cx" id="select4" style="visibility:hidden">
<option>==请选择车型==</option>
<option>得利卡</option>
<option>富利卡</option>
<option>凌帅</option>
</select>
<input name="ckmc" type="text" id="ckmc3" style="visibility:hidden">
<select name="color" id="color" style="visibility:hidden">
<option>==请选择颜色==</option>
<option>白色</option>
<option>蓝色</option>
<option>黑色</option>
</select>
</p>
<p>  </p>
</div></td>
<td width="201" colspan="3" bgcolor="#CAE7F7" class="tbale1">

</td>
</tr>
<tr bgcolor="#99CCFF" class="table1">
<td bgcolor="#CAE7F7" class="tbale1">注：<font color="#FF0000">日期格式<%= date%></font></td>
<td colspan="2" align="center" valign="middle" bgcolor="#CAE7F7" class="tbale1">
<input type="submit" name="Submit" value="开始查询">   
<input type="reset" name="Submit2" value="重新选择"> <input name="go" type="hidden" id="go" value="1"></td>
<td align="center" valign="middle" bgcolor="#CAE7F7" class="tbale1">
</td>
</tr>
</table>
</form>
</div></td>
</tr>
</table>
<script>
function aa(oE)
{
var oA = document.all("xsgs");
var oB = document.all("ckmc");
var oC =document.all("cx");
var oD =document.all("neirong")
var oF =document.all("color")
if(oE.options[oE.selectedIndex].text == '销售公司')
{
oA.style.visibility = "";
oB.style.visibility = "hidden";
oC.style.visibility = "hidden";
oD.style.visibility = "hidden";
oF.style.visibility = "hidden";
}
else
if(oE.options[oE.selectedIndex].text == '显示全部')

{
oA.style.visibility = "hidden";
oB.style.visibility = "hidden";
oC.style.visibility = "hidden";
oD.style.visibility = "hidden";
oF.style.visibility = "hidden";
}
else
if (oE.options[oE.selectedIndex].text == '类型')
{
oA.style.visibility = "hidden";
oB.style.visibility = "hidden";
oC.style.visibility = "";
oD.style.visibility = "hidden";
oF.style.visibility = "hidden";
}

else
if (oE.options[oE.selectedIndex].text == '颜色')

{
oA.style.visibility = "hidden";
oB.style.visibility = "hidden";
oC.style.visibility = "hidden";
oD.style.visibility = "hidden";
oF.style.visibility = "";
}
else
{
oA.style.visibility = "hidden";
oB.style.visibility = "";
oC.style.visibility = "hidden";
oD.style.visibility = "";
oF.style.visibility = "hidden";
}
}
</script>
</body>
</html>
...全文
65 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
chiny 2003-10-30
  • 打赏
  • 举报
 回复
自动插入：存为html就可以了，数据你自己编写

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>苏州东南区域管理中心车籍资料查询系统</title>
<script>
var data = new Object();
var id = 0;
data['0=corp'] = new Object();
data['0=corp']['11=haier'] = new Array('111=ele','222=tv','333=ra');
data['0=corp']['12=toshiba'] = new Array('112=ele1','223=tv1','334=ra1');
data['0=corp']['13=hitach'] = new Array('113=ele2','225=tv2','338=ra2');
data['1=corp1'] = new Object();
data['1=corp1']['111=haier1'] = new Array('111=ele','222=tv','333=ra');
data['1=corp1']['121=toshiba1'] = new Array('112=ele1','223=tv1','334=ra1');
data['1=corp1']['131=hitach1'] = new Array('113=ele2','225=tv2','338=ra2');
data['2=corp2'] = new Object();
data['2=corp2']['112=haier2'] = new Array('1111=ele111','22211=tv111','3335=ra253');
data['2=corp2']['122=toshiba2'] = new Array('1121=ele1111','22311=tv222','3342=ra1345');
data['2=corp2']['132=hitach2'] = new Array('1131=ele2111','225=tv2215','33812=ra2566');

function GenList(s,f)
{
var st = eval(s);
var sl;
var tmp = new Array();
f = f.substr(f.indexOf('_')+1,f.length);
f = 'chiny_'+(++f);
//alert(f);
if (st)
{
if (!(sl = document.getElementById(f)))
{
sl = document.createElement("select");
sl.id = 'chiny_'+(++id);
document.body.insertBefore(sl);
}
sl.length = 0;
sl.string = s;
for (var k in st)
{
tmp = (k.indexOf('=') > 0 ? k : st[k]).split('=');
sl[sl.length] = new Option(tmp[1],tmp[0]);
}

sl.onchange = cook;
}
else
{
alert(s);
}

}
function cook()
{
GenList(this.string+"['"+this.value+"="+this.options[this.selectedIndex].text+"']",this.id);
//alert(this.value);
}

</script>
</head>
<body onload="GenList('data','chiny_0')">
</body>
</html>
zwxh 2003-10-30
  • 打赏
  • 举报
 回复
study!
iinohk 2003-10-30
  • 打赏
  • 举报
 回复
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>苏州东南区域管理中心车籍资料查询系统</title>
<style type="text/css">
<!--
.tbale1 {
font-family: "宋体";
font-size: 10pt;
border-bottom-width: 1px;
border-top-style: none;
border-bottom-color: #99CCCC;
border-bottom-style: solid;
background-color: #CAE7F7;
}
-->
</style>
<style type="text/css">
<!--
.table2 {
font-family: "新宋体";
font-size: 9pt;
}
.table1 {
font-family: "新宋体";
font-size: 12pt;
background-color: #CAE7F7;
color: #FF0000;
border-top: none #CAE7F7;
border-right: none #CAE7F7;
border-bottom: none #CAE7F7;
border-left: none #CAE7F7;
}
-->
</style>
</head>

<body background="img/bg.gif" topmargin="0" marginheight="0">
<p> </p>
<p> </p>
<p> </p>
<table width="100%" height="132" border="0" align="center">
<tr>
<td height="46">
<div align="center">
<p ><strong><font color="#FF0000">苏州东南区域管理中心车籍资料查询系统</font></strong></p>
</div></td>
</tr>
<tr>
<td height="80">
<div align="center">
<form action="ckmain.asp" method="post" name="form2" target="mainFrame">
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0" class="table2">
<tr bgcolor="#99CCFF" class="tbale1">
<td width="183" height="34" bgcolor="#CAE7F7" class="tbale1"> </td>
<td width="317" align="center" valign="middle" bgcolor="#CAE7F7" class="tbale1">请选择查询条件
<select name="fhd" id="select2" onchange="aa(this)">
<option value="1">显示全部</option>
<% if session("flag")=1 then%>
<option value="xsfgs">销售公司</option>
<% end if%>
<option value="fdjh">发动机号</option>
<option value="dph">底盘号</option>
<option value="cx">类型</option>
<option value="color">颜色</option>
<option value="lxdz">联系地址</option>
<option value="yb">邮编</option>
<option value="jcdata">交车日期</option>
<option value="bxdata">保险日期</option>
>
<option value="flag">地区</option>
</select></td>
<td width="69" bgcolor="#CAE7F7" class="tbale1"><input name="mohu" type="checkbox" id="mohu" value="1" checked>
模糊</td>
<td colspan="3" bgcolor="#CAE7F7" class="tbale1">排序方式
<label>
<input type="radio" name="px" value="1">
降序</label> <label>
<input name="px" type="radio" value="2" checked>
升序</label></td>
</tr>
<tr bgcolor="#99CCFF" class="tbale1">
<td height="65" colspan="3" bgcolor="#CAE7F7" class="tbale1"> <label>
</label> <label> </label>
<div align="left">

<input name="neirong" type="text" class="table1" id="neirong" style="display:none" value="请输入查询内容:">

<select name="xsgs" id="select5" style="display:none">
<option>==请选择销售公司==</option>
<option>常州销售分公司</option>
<option>无锡销售分公司</option>
<option>南通销售分公司</option>
<option>苏州销售分公司</option>
</select>
<select name="cx" id="select4" style="display:none">
<option>==请选择车型==</option>
<option>得利卡</option>
<option>富利卡</option>
<option>凌帅</option>
</select>
<input name="ckmc" type="text" id="ckmc3" style="display:none">
<select name="color" id="color" style="display:none">
<option>==请选择颜色==</option>
<option>白色</option>
<option>蓝色</option>
<option>黑色</option>
</select>

</div></td>
<td width="201" colspan="3" bgcolor="#CAE7F7" class="tbale1">

</td>
</tr>
<tr bgcolor="#99CCFF" class="table1">
<td bgcolor="#CAE7F7" class="tbale1">注：<font color="#FF0000">日期格式<%= date%></font></td>
<td colspan="2" align="center" valign="middle" bgcolor="#CAE7F7" class="tbale1">
<input type="submit" name="Submit" value="开始查询">   
<input type="reset" name="Submit2" value="重新选择"> <input name="go" type="hidden" id="go" value="1"></td>
<td align="center" valign="middle" bgcolor="#CAE7F7" class="tbale1">
</td>
</tr>
</table>
</form>
</div></td>
</tr>
</table>
<script>
function aa(oE)
{
var oA = document.all("xsgs");
var oB = document.all("ckmc");
var oC =document.all("cx");
var oD =document.all("neirong")
var oF =document.all("color")
if(oE.options[oE.selectedIndex].text == '销售公司')
{
oA.style.display = "block";
oB.style.display = "none";
oC.style.display = "none";
oD.style.display = "none";
oF.style.display = "none";
}
else
if(oE.options[oE.selectedIndex].text == '显示全部')

{
oA.style.display = "none";
oB.style.display = "none";
oC.style.display = "none";
oD.style.display = "none";
oF.style.display = "none";
}
else
if (oE.options[oE.selectedIndex].text == '类型')
{
oA.style.display = "none";
oB.style.display = "none";
oC.style.display = "block";
oD.style.display = "none";
oF.style.display = "none";
}

else
if (oE.options[oE.selectedIndex].text == '颜色')

{
oA.style.display = "none";
oB.style.display = "none";
oC.style.display = "none";
oD.style.display = "none";
oF.style.display = "block";
}
else
{
oA.style.display = "none";
oB.style.display = "block";
oC.style.display = "none";
oD.style.display = "block";
oF.style.display = "none";
}
}
</script>
</body>
</html>
godbee 2003-10-30
  • 打赏
  • 举报
 回复
用个层试试
iinohk 2003-10-30
  • 打赏
  • 举报
 回复
你是不是想要這種效果？
<html>
<body>
<select onchange="change(this.value)">
<option></option>
<option value="display_1">text</option>
<option value="display_2">select</option>
</select>
<input type=text name=display_1 style="display:none">
<select name=display_2 style="display:none">
<option></option>
</select>


</body>
</html>
<script>
function change(val){
with(document.all){
if(val=="display_1"){
display_1.style.display="block";
display_2.style.display="none";
}
if(val=="display_2"){
display_2.style.display="block";
display_1.style.display="none";
}
}
}
</script>
基于IDL的高分二号影像批量预处理程序
这是一个使用IDL编程语言编写的高分二号遥感影像批量预处理程序，包括了解压、辐射定标、快速大气校正、几何校正和融合等步骤。程序支持国产卫星支持插件，适用于ENVI5.3及以上版本。用户界面友好，允许选择保留近红外波段、融合方式和输出文件夹。处理一景影像大约需要13分钟，处理结果显著改善了影像质量。
程序如何支持高分屏（高DPI）（有操作，有源码）
随着高分辨率屏幕普及，高分屏问题受到关注。部分程序默认支持系统缩放，可在高分屏正常显示，但有些程序不支持，显示效果差。文章介绍了MFC程序设置高分屏支持的方法，还给出了解决不支持高DPI识别的界面库缩放问题的不理想方案，如手动设置或程序写入注册表。
编写一个程序，读入学生成绩，获取最高分best
本文介绍了一个使用Java编写的程序，该程序读取学生们的考试成绩，并根据最高分来确定每个学生的成绩等级，从A到F不等。程序首先读取学生数量，然后收集所有学生的成绩，接着找出最高分，最后根据最高分与各学生成绩的差距来分配等级。
统计平均分，最高分及得最高分人数
本文介绍了一个用于统计学生平均成绩、最高分及得最高分人数的C语言函数实现。该函数接收一个浮点数数组和数组长度作为参数，返回平均成绩，并通过全局变量记录最高分及其出现次数。
c语言编写程序出错怎么改,这个C语言程序怎么改才对？
这篇博客主要讨论了一个C语言程序，该程序旨在计算10个学生5门课程的成绩的平均分以及找到最高分对应的学生和课程。然而，程序存在错误，包括语法错误和未定义的函数引用。博主列举了编译器报出的错误信息，并请求帮助解决这些问题。修复后的程序应能正确输入成绩并计算各项平均分和最高分。
JavaScript

87,987

社区成员

224,683

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章