进度三（10.21）

仿照知网做了一个多条件查询：

前端界面代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

<script>
    i = 1;
    function insert() {
        if (i<12){
            var j=i;
            i++;
            var newtr = tbl.insertRow();
            var newTd0 = newtr.insertCell();
            var newTd1 = newtr.insertCell();
            var newTd2 = newtr.insertCell();
            var newTd3 = newtr.insertCell();
            newTd0.innerHTML="<select name='yhf'>" +
                "<option value='binghan'>并含</option>" +
                "<option value='huohan'>或含</option>" +
                "<option value='buhan'>不含</option>" +
                "</select>";
            newTd1.innerHTML="<select name='name'>" +
                "<option value='jgqc'>机构全称</option>" +
                "<option value='gkglbm'>归口管理部门</option>" +
                "<option value='szdy'>所在地域</option>" +
                "<option value='frdb'>法人代表</option>" +
                "<option value='lxr'>联系人</option>" +
                "<option value='jgsx'>机构属性</option>" +
                "<option value='jsxqmc'>技术需求名称</option>" +
                "<option value='gjz'>关键字</option>" +
                "<option value='ntrjeze'>拟投入金额总额</option>" +
                "<option value='jsxqjjfs'>技术需求解决方式</option>" +
                "<option value='kjhdlx'>科技活动类型</option>" +
                "<option value='xkfl'>学科分类</option>" +
                "<option value='xqjsssly'>需求技术所属领域</option>" +
                "<option value='xqjsyyhy'>需求技术应用行业</option>" +
                "<option value='xssh'>形式审核</option>" +
                "<option value='bmsh'>部门审核</option>" +
                "<option value='glch'>管理处室</option>" +
                ">";
            newTd2.innerHTML="<input type='text'name='value'>";
            newTd3.innerHTML="<select name='jingmo'>" +
                "<option value='jingque'>精确</option>" +
                "<option value='mohu'>模糊</option>" +
                ">";
        }
    }
    function deltr() {
        if (i!=1){
            tbl.deleteRow(i+1);
            i--;
        }
    }
    
</script>

<title></title>
</head>
<body>
<form action="SelectServlet"  method="post">
    <table  id="tbl">
        <tr>
            <td></td>
        </tr>
        <tr>
            <td>
                <input type="button" onclick="insert()" value="添加" />
            </td>
            <td>
                <input type="button" onclick="deltr()" value="删除" />
            </td>
        </tr>
        <tr>
            <td>
                <select name='yhf'>
                    <option value='binghan'>并含</option>
                    <option value='buhan'>不含</option>
                </select>
            </td>
            <td>
                <select name='name'>
                    <option value='jgqc'>机构全称</option>
                    <option value='gkglbm'>归口管理部门</option>
                    <option value='szdy'>所在地域</option>
                    <option value='frdb'>法人代表</option>
                    <option value='lxr'>联系人</option>
                    <option value='jgsx'>机构属性</option>
                       <option value='jsxqmc'>技术需求名称</option>
                    <option value='gjz'>关键字</option>
                    <option value='ntrjeze'>拟投入金额总额</option>
                    <option value='jsxqjjfs'>技术需求解决方式</option>
                    <option value='kjhdlx'>科技活动类型</option>
                    <option value='xkfl'>学科分类</option>
                    <option value='xqjsssly'>需求技术所属领域</option>
                    <option value='xqjsyyhy'>需求技术应用行业</option>
                    <option value='xssh'>形式审核</option>
                    <option value='bmsh'>部门审核</option>
                    <option value='glch'>管理处室</option>
                </select>
            </td>
            <td>
                <input type='text'name='value'>
            </td>
            <td>
                <select name='jingmo'>
                    <option value='jingque'>精确</option>
                    <option value='mohu'>模糊</option>
                </select>
            </td>
        </tr>
    </table>
    <input type="submit" value="查询">
</form>
    <div align="center">
        <table class="table table-hover table-striped table-bordered table-sm" id="resultshow">
            <tr>
                <td>技术需求名称</td>
                <td>机构全称</td>
                <td>联系人</td>
                <td>管理处室</td>
                <td>形式审核</td>
                <td>部门审核</td>
                <td>修改</td>
                <td>删除</td>
            </tr>
            <c:forEach items="${table}" var="item">
                <tr>
                    <td><a href="AdminServlet?method=getTheTableById&id=${item.wjid}">${item.jsxqmc}</a></td>
                    <td>${item.jgqc}</td>
                    <td>${item.lxr}</td>
                    <td>${item.glcs}</td>
                    <td>${item.xssh}</td>
                    <td>${item.bmsh}</td>
                    
                    <td><a href="AdminServlet?method=changeTheTableById&id=${item.wjid}">修改</a></td>
                    <td><a onclick="return del()" href="AdminServlet?method=deleteTheTableById&id=${item.wjid}">删除</a></td>
                </tr>
            </c:forEach>
        </table>
    </div>
</body>
<script type="text/javascript">
        function del() {
            if (confirm("删除后数据将不可恢复，确定要删除吗？")){
                return true;
            }else{
                return false;
            }
        }
</script>
</html>

View Code

i = 1;
    function insert() {
        if (i<12){
            var j=i;
            i++;
            var newtr = tbl.insertRow();
            var newTd0 = newtr.insertCell();
            var newTd1 = newtr.insertCell();
            var newTd2 = newtr.insertCell();
            var newTd3 = newtr.insertCell();
            newTd0.innerHTML="<select name='yhf'>" +
                "<option value='binghan'>并含</option>" +
                "<option value='huohan'>或含</option>" +
                "<option value='buhan'>不含</option>" +
                "</select>";
            newTd1.innerHTML="<select name='name'>" +
                "<option value='jgqc'>机构全称</option>" +
                "<option value='gkglbm'>归口管理部门</option>" +
                "<option value='szdy'>所在地域</option>" +
                "<option value='frdb'>法人代表</option>" +
                "<option value='lxr'>联系人</option>" +
                "<option value='jgsx'>机构属性</option>" +
                "<option value='jsxqmc'>技术需求名称</option>" +
                "<option value='gjz'>关键字</option>" +
                "<option value='ntrjeze'>拟投入金额总额</option>" +
                "<option value='jsxqjjfs'>技术需求解决方式</option>" +
                "<option value='kjhdlx'>科技活动类型</option>" +
                "<option value='xkfl'>学科分类</option>" +
                "<option value='xqjsssly'>需求技术所属领域</option>" +
                "<option value='xqjsyyhy'>需求技术应用行业</option>" +
                "<option value='xssh'>形式审核</option>" +
                "<option value='bmsh'>部门审核</option>" +
                "<option value='glch'>管理处室</option>" +
                ">";
            newTd2.innerHTML="<input type='text'name='value'>";
            newTd3.innerHTML="<select name='jingmo'>" +
                "<option value='jingque'>精确</option>" +
                "<option value='mohu'>模糊</option>" +
                ">";
        }
    }
    function deltr() {
        if (i!=1){
            tbl.deleteRow(i+1);
            i--;
        }
    }

这段代码主要是实现了动态搜索框。

相关阅读:
C#循环页面form中控件
 鼠标放到按钮上页面样式发生变化
 access INSERT INTO 语句的语法错误
 更改水晶报表数据源
 C# byte[]与string互转
 禁用右键
 showModalDialog IE9 报错
 ListBox 循环删除当前项
 showModalDialog 刷新本页面,不重新发送信息,则无法刷新网页，Page_PreRender
敏捷模式开发(转)
原文地址：https://www.cnblogs.com/vvxvv/p/13849740.html