形式审核界面构造完成，代码如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>形式审核</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/cookie.js"></script> <script type="text/javascript" src="js/selfjs.js"></script> <script src="layui/layui.js"></script> <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/> <style type="text/css"> .center{ text-align:center; } #long{ display:inline-block; width:400px; word-wrap:break-word; } </style> </head> <body> <form class="organform"> <table class="layui-table" lay-skin="row" lay-even=""> <tr> <td class="center"><b>机构全称</b></td> <td> <span class="JGMC"></span> <input type="hidden"name="WJID"> </td> <td class="center"><b>归口管理部门</b></td> <td> <span class="GKGLBM"></span> </td> </tr> <tr> <td class="center"><b>通讯地址</b></td> <td> <span class="TXDZ"></span> </td> <td class="center"><b>所在地域</b></td> <td> <span class="SZDY"></span> </td> </tr> <tr> <td class="center"><b>网 址</b></td> <td> <span class="DWWZ"></span> </td> <td class="center"><b>电子信箱</b></td> <td> <span class="DZYX"></span> </td> </tr> <tr> <td class="center"><b>法人代表</b></td> <td> <span class="FRDB"></span> </td> <td class="center"><b>邮政编码</b></td> <td> <span class="YZBM"></span> </td> </tr> <tr> <td class="center"><b>联系人</b></td> <td> <span class="LXR"></span> </td> <td class="center"><b>固定电话</b></td> <td> <span class="GDDH"></span> </td> </tr> <tr> <td class="center"><b>手机</b></td> <td> <span class="YDDH"></span> </td> <td class="center"><b>传真</b></td> <td> <span class="CZ"></span> </td> </tr> <tr> <td class="center"><b>机构属性</b></td> <td colspan="3"> <span class="JGSX"></span> </td> </tr> <tr> <td class="center" rowspan="2"><b>机构简介</b></td> <td rowspan="2"colspan="3"> <span class="JGJJ" id="long"></span> </td> </tr> <tr></tr> <tr> <td class="center"><b>技术需求名称</b></td> <td> <span class="JSXQMC"></span> </td> <td class="center"><b>需求年限</b></td> <td> <span class="QSXQNF"></span>年———— <span class="JZXQNF"></span>年 </td> </tr> <tr> <td class="center" rowspan="4"><b>重大科技需求概述</b></td> </tr> <tr> <td colspan="3"> <span><b>主要问题</b></span><br> <span class="ZYWT"id="long"></span> </td> </tr> <tr> <td colspan="3"> <span><b>技术关键</b></span><br> <span class="JSGJ"id="long"></span> </td> </tr> <tr> <td colspan="3"> <span><b>预期目标</b></span><br> <span class="YQMB"id="long"></span> </td> </tr> <tr></tr> <tr> <td class="center"><b>关键字</b></td> <td colspan="3"> <span class="GJZ"></span> </td> </tr> <tr> <td class="center"><b>拟投入资金总额</b></td> <td colspan="3"> <span class="NTRZJZE"></span>万元 </td> </tr> <tr> <td rowspan="3"class="center"><b>技术需求解决方式</b></td> </tr> <tr> <td colspan="3"> <span class="JSXQJJFS"></span> </td> </tr> <tr> <td colspan="3"> <b>合作意向单位</b><br> <span class="HZYXDW"></span> </td> </tr> <tr> <td class="center"><b>科技活动类型</b></td> <td colspan="3"> <span class="YJLX"></span> </td> </tr> <tr> <td class="center"><b>学科分类</b></td> <td colspan="3"> <span class="XKFL"></span> </td> </tr> <tr> <td class="center" rowspan="2"><b>需求技术所属领域</b></td> <td rowspan="2"colspan="3"> <span class="XQJSSSLY"></span> </td> </tr> <tr></tr> <tr> <td class="center"><b>其他技术描述</b></td> <td colspan="3"> <span class="QTJSMS"></span> </td> </tr> <tr> <td class="center"><b>需求技术应用行业</b></td> <td colspan="3"> <span class="XQJSYYHY"></span> </td> </tr> <tr> <td class="center"><b>形式审核意见</b></td> <td colspan="3"> <textarea maxlength="500" name="XSSCYJ"cols="160" rows="6"style="70%;height:100%;"required="required"></textarea> </td> </tr> <tr> <td class="center"><b>管理处室</b></td> <td colspan="3"> <select name="GLCS" required="required"> <option value="01">办公室</option> <option value="02">人事处</option> <option value="03">机关党委</option> <option value="04">政策法规处</option> <option value="05">计划财务处</option> <option value="06">平台与基础处</option> <option value="07">国际合作处</option> <option value="08">高新技术处</option> <option value="09">农村科技处</option> <option value="10">社会发展处</option> <option value="11">成果与市场处</option> <option value="12">监察室</option> <option value="13">离退休干部处</option> <option value="14">知识产权局</option> <option value="15">半干旱中心</option> <option value="16">山办</option> <option value="17">机关服务中心</option> <option value="20">科技研发中心</option> <option value="21">科技情报研究院</option> <option value="22">器材公司</option> <option value="23">基金办</option> <option value="24">档案馆</option> <option value="25">科技管理信息中心</option> <option value="26">科技投资中心</option> <option value="27">成果转换中心</option> <option value="28">中小企业创新资金管理中心</option> <option value="29">对外交流中心</option> </select> </td> </tr> <tr> <td colspan="4" class="center"> <button class="layui-btn" onclick="handin()">保存并提交</button> </td> </tr> </table> </form> </body> <script> $(function(){ //var t_username=getCookie("username"); var wjid="30" if(wjid!=null){ $.post( 'OrganServlet', {"wjid":wjid,"method":"formalRSee"}, function (o) { console.log(o); var json=JSON.parse(o); $("input[name=WJID]").attr("value",json.wjid); $(".JGMC").html(json.jgmc); $(".GKGLBM").html(json.gkglbm); $(".SZDY").html(json.szdy); $(".TXDZ").html(json.txdz); $(".DWWZ").html(json.dwwz); $(".DZYX").html(json.dzyx); $(".FRDB").html(json.frdb); $(".YZBM").html(json.yzbm); $(".LXR").html(json.lxr); $(".GDDH").html(json.gddh); $(".YDDH").html(json.yddh); $(".CZ").html(json.cz); $(".JGSX").html(json.jgsx); $(".JGJJ").html(json.jgjj); $(".JSXQMC").html(json.jsxqmc); $(".QSXQNF").html(json.qsxqnf); $(".JZXQNF").html(json.jzxqnf); $(".ZYWT").html(json.zywt); $(".JSGJ").html(json.jsgj); $(".YQMB").html(json.yqmb); $(".GJZ").html(json.gjz); $(".NTRZJZE").html(json.ntrzjze); $(".JSXQJJFS").html(json.jsxqjjfs); $(".HZYXDW").html(json.hzyxdw); $(".YJLX").html(json.yjlx); $(".XKFL").html(json.xkfl); $(".XQJSSSLY").html(json.xqjsssly); $(".QTJSMS").html(json.qtjsms); $(".XQJSYYHY").html(json.xqjsyyhy); } ); } }); function handin(){ $.post( 'OrganServlet?method=formit', $('.organform').serialize(), function (o) { console.log(o); var json=JSON.parse(o); if(json.status==1){ alert("提交成功!"); window.location.href="Index.html"; }else{ alert("提交失败!"); } } ); } </script> </html>
效果展示：
