zoukankan      html  css  js  c++  java
  • xx征集系统-(3)分类检索

    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>
    SearchInformation.html
  • 相关阅读:
    开源爬虫综述
    html页面工具-htmlUnit
    Html JavaScript网页制作与开发完全学习手册
    移动互联网之路-李晓斌
    算法图解
    游戏编程算法与技巧
    一秒解决CentOS下service 功能 不能使用 bash: service: command not found
    LINUX企业应用案例精解 第2版 李晨光
    深入分析GCC
    嵌入式LINUX基础教程 第2版
  • 原文地址:https://www.cnblogs.com/w669399221/p/14199401.html
Copyright © 2011-2022 走看看