📄 chaxun.jsp
字号:
<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<html>
<head>
<%@include file="inc/conn.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>查询页</title>
<script language="JavaScript" type="text/javascript">
function selectStyle(){
//根据选择的查询方式显示不同的内容
type = document.queryForm.xuanze.options.value;
switch(type){
case 'xuanzeall':
//document.queryForm.shuruall.style.display='';
document.queryForm.shurumingcheng.style.display='none';
document.queryForm.shurubianhao.style.display='none';
document.queryForm.shururiqi.style.display='none';
document.queryForm.leibie.style.display='none';
document.queryForm.chubanshe.style.display='none';
break;
case 'xuanzemingcheng':
//document.queryForm.shuruall.style.display='none';
document.queryForm.shurumingcheng.style.display='';
document.queryForm.shurubianhao.style.display='none';
document.queryForm.shururiqi.style.display='none';
document.queryForm.leibie.style.display='none';
document.queryForm.chubanshe.style.display='none';
break;
case 'xuanzebianhao' :
//document.queryForm.shuruall.style.display='none';
document.queryForm.shurumingcheng.style.display='none';
document.queryForm.shurubianhao.style.display='';
document.queryForm.shururiqi.style.display='none';
document.queryForm.leibie.style.display='none';
document.queryForm.chubanshe.style.display='none';
break;
case 'xuanzeriqi' :
//document.queryForm.shuruall.style.display='none';
document.queryForm.shurumingcheng.style.display='none';
document.queryForm.shurubianhao.style.display='none';
document.queryForm.shururiqi.style.display='';
document.queryForm.leibie.style.display='none';
document.queryForm.chubanshe.style.display='none';
break;
case 'xuanzeleibie' :
//document.queryForm.shuruall.style.display='none';
document.queryForm.shurumingcheng.style.display='none';
document.queryForm.shurubianhao.style.display='none';
document.queryForm.shururiqi.style.display='none';
document.queryForm.leibie.style.display='';
document.queryForm.chubanshe.style.display='none';
break;
case 'xuanzechubanshe' :
//document.queryForm.shuruall.style.display='none';
document.queryForm.shurumingcheng.style.display='none';
document.queryForm.shurubianhao.style.display='none';
document.queryForm.shururiqi.style.display='none';
document.queryForm.leibie.style.display='none';
document.queryForm.chubanshe.style.display='';
break;
default:
break;
}
}
</script>
<style type="text/css">
<!--
.STYLE5 {color: #000000; font-size: 16px; }
.STYLE6 {
font-size: 18px;
color: #0000FF;
font-weight: bold;
}
-->
</style>
</head>
<body>
<form name="form1" id="queryForm" method="post" action="chaxunhou.jsp">
<p class="STYLE5 STYLE6">请选择查询方式</p>
<p>
<label>
<select name="xuanze" class="STYLE5" id="xuanze" onChange='selectStyle();'>
<option value="xuanzeall" seletcted>全部</option>
<option value="xuanzemingcheng">按图书名称</option>
<option value="xuanzebianhao">按图书编号</option>
<option value="xuanzeriqi">按图书出版日期</option>
<option value="xuanzeleibie">按图书类别</option>
<option value="xuanzechubanshe">按图书出版社</option>
</select>
</label>
</p>
<p>
<%--<label>
<input name="shuruall" type="text" id="shuruall" value="输入查询内容" />
</label>--%>
</p>
<p>
<label>
<input name="shurumingcheng" class="STYLE5" type="text" id="shurumingcheng" value="输入图书名称" style="display:none"/>
</label>
</p>
<p>
<label>
<input name="shurubianhao" class="STYLE5" type="text" id="shurubianhao" value="输入图书编号" style="display:none"/>
</label>
</p>
<p>
<label>
<input name="shururiqi" class="STYLE5" type="text" id="shururiqi" value="输入图书出版日期" style="display:none"/>
</label>
</p>
<p>
<label>
<select name="leibie" class="STYLE5" id="leibie" style="display:none">
<option value="请选择图书类别" seletcted>请选择图书类别</option>
<option value="程序设计">程序设计</option>
<option value="数据库管理">数据库管理</option>
<option value="图形处理">图形处理</option>
<option value="办公自动化">办公自动化</option>
<option value="计算机硬件">计算机硬件</option>
<option value="计算机辅助">计算机辅助</option>
<option value="综合类">综合类</option>
</select>
</label>
</p>
<p>
<label>
<select name="chubanshe" class="STYLE5" id="chubanshe" style="display:none">
<option value="请选择出版社" seletcted>请选择出版社</option>
<option value="清华大学出版社" >清华大学出版社</option>
<option value="北京大学出版社">北京大学出版社</option>
<option value="光明日报出版社">光明日报出版社</option>
<option value="海洋出版社">海洋出版社</option>
<option value="电子工业出版社">电子工业出版社</option>
<option value="高等教育出版社">高等教育出版社</option>
<option value="重庆大学出版社">重庆大学出版社</option>
</select>
</label>
</p>
<p>
<label>
<input name="Submit" type="submit" class="STYLE5" value="查询">
</label>
<label>
<input name="Submit2" type="reset" class="STYLE5" value="重置">
</label>
</p>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -