1.功能简介：
分类检索主要是从五个方面来检索所有的需求信息。
2.功能页面。
3.源程序：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/common.css"/> <link rel="stylesheet" type="text/css" href="css/main.css"/> <link rel="stylesheet" href="css/demo.css" type="text/css"> <link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css"> <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery-ui.css"> <title>Insert title here</title> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(function(){ $.post("list.jishu",{},function(data){ $("#table1 tr:gt(0)").remove(); for(var i=0;i<data.length;i++) { var htm="<tr><td>"+data[i].TName+"</td><td>"+data[i].OName+"</td><td>"+data[i].suozai+"</td><td>"+data[i].bumen+"</td><td>"+data[i].Oattribute+"</td><td>"+data[i].research_type+"</td></tr>"; $("#table1").append(htm); } }); $("#submit").click(function(){ $("#table1 tr:gt(0)").remove(); $.post("list1.jishu",{TName:$("#technology_name").val(),OName:$("#organization_name").val(),suozai:$("#suozai").val(),bumen:$("#bumen").val()},function(data){ for(var i=0;i<data.length;i++) { var htm="<tr><td>"+data[i].TName+"</td><td>"+data[i].OName+"</td><td>"+data[i].suozai+"</td><td>"+data[i].bumen+"</td><td>"+data[i].Oattribute+"</td><td>"+data[i].research_type+"</td></tr>"; $("#table1").append(htm); } }); }); }); </script> </head> <body> <div class="container clearfix"> <!--/sidebar--> <p class="welcome"> </p> <div class="result-wrap"> <div class="result-content"> <input style="margin-left:50px;" type="text" id="technology_name" placeholder="技术需求名称"> <input type="text" id="organization_name" placeholder="机构全称"> <input type="text" id="suozai" placeholder="所在地域"> <input type="text" id="bumen" placeholder="归口管理部门"> <!-- <select id="property"> <option value="企业">企业</option> <option value="高等院校">高等院校</option> <option value="研究机构">研究机构</option> <option value="其他">其他</option> </select> <select id="property"> <option value="企业">企业</option> <option value="高等院校">高等院校</option> <option value="研究机构">研究机构</option> <option value="其他">其他</option> </select> --> <button type="button" id="submit">检索</button> <form> <table class="insert-tab" id="table1" align="center" width="90%" border="1"> <tbody id="tbody"> <tr > <th >技术需求名称</th><th >机构全称</th><th >所在地域</th><th >归口管理部门</th><th >机构属性</th><th >科技活动类型</th> </tr> </tbody> </table> </form> </div> </div> </div> </body> </html>
原文：https://www.cnblogs.com/w669399221/p/14199401.html
