JS实现高级查询——网页

最新推荐文章于 2024-05-07 18:05:56 发布

黎明的蜗牛

最新推荐文章于 2024-05-07 18:05:56 发布

阅读量1.5w

点赞数 2

分类专栏： BS

本文链接：https://blog.csdn.net/XUJIAOlf/article/details/24849643

版权

简单查询，如下图：

简单说明：

1.用户输入查询条件——单击查询。这里的查询条件是之前的同学做的，用户可以输入档案编号、姓名（模糊匹配）等，都可以进行查询。

2.单个条件查询。如果输入档案编号且存在记录，结果页面会呈现一条记录。如果按学历查且存在记录，结果页面会呈现多条记录。

对于上述简单说明2 ，用户提出如下需求：

如果按学历查，会查出多条记录，但是我只想要这些记录中的一部分，可以进行打印或者批量修改。也就是说，单单是学历这个查询条件是不够的，需要另外增加查询条件。这就类似于机房收费系统中的组合查询。不同的是，这里叫做高级查询，用web开发。

高级查询，界面如下：

高级查询页显示代码：

 protected void btnAdvancedQuery_Click(object sender, EventArgs e)
        {
            Response.Redirect("AdvancedQuery.aspx");    
        }

高级查询界面设计：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AdvancedQuery.aspx.cs" Inherits="PersonalFiles.Web.BasicInfor.AdvancedQuery1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="../css/color.css" rel="stylesheet" type="text/css" />
    <link href="../css/Add.css" rel="stylesheet" type="text/css" />
     <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="../js/jquery.utils.js"></script>
    <link href="../css/jbox.css" rel="stylesheet" />
    <script type="text/javascript" src="../js/jquery.jBox-2.3.min.js"></script>
    <script type="text/javascript" src="../js/admin.js"></script>
    <script type="text/javascript" charset="gb2312" src=&#