10.19日进度总结

修改了表的内容

<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <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>
    <title>Insert title here</title>
    <style type="text/css">
        .title{
            width:100%;
            text-align:center;
            margin-top:20px;
        }
        .left{
            width:10%;
            text-align:center;
            top:50%;
        }
        .right{
            width:30%;
            broder:1px solid;
            text-align:center;
            top:50%;
        }
        .write{
            border: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
<%
Object message = request.getAttribute("message");
if (message != null && !"".equals(message)) {
%>
<script type="text/javascript">
alert("<%=request.getAttribute("message")%>");
</script>
<%
}
%>
<div class="title"><h2>河北省重大技术需求征集表</h2></div>
<form action="tableadd.jsp" method="post" onsubmit="return check(this)">
    <table border="1" align="center"height="100%" width="100%">
        <tr>
            <td class="left">机构全称</td>
            <td class="right"><input class="write" type="text" name="jgmc"></td>
            <td class="left">归口管理部门</td>
            <td colspan="2"><input class="write" type="text" name="gkglbm"></td>
        </tr>
        <tr>
            <td class="left">通讯地址</td>
            <td class="right" ><input class="write" type="text" name="txdz"></td>
            <td class="left">所在地域</td>
            <td colspan="2"> <select class='select' id='firstCatalogue' name="szdy">
             <option value=''>130100 石家庄市</option>
            <option value='1'>130200 唐山市</option>
            <option value='2'>130300 秦皇岛市</option>
            <option value='3'>130400 邯郸市</option>
            <option value='1'>130500 邢台市</option>
            <option value='2'>130600 保定市</option>
            <option value='3'>130700 张家口市</option>
            <option value='1'>130800 承德市</option>
            <option value='2'>130900 沧州市</option>
            <option value='3'>131000 廊坊市</option>
            <option value='1'>131100 衡水市</option>
            <option value='2'>130682 定州市 直管县</option>
            <option value='3'>130181 辛集市 直管县</option>
            <option value='3'>120000 其他(河北工大)</option>
        </select></td>
        </tr>
        <tr>
            <td class="left">单位网址</td>
            <td class="right"><input class="write" type="text" name="dwwz"></td>
            <td class="left">电子信箱</td>
            <td colspan="2"><input class="write" type="text" name="dzyx"></td>
        </tr>
        <tr>
            <td class="left">法人代表</td>
            <td class="right"><input class="write" type="text" name="fzdb"></td>
            <td class="left">邮政编码</td>
            <td colspan="2"><input class="write" type="text" name="yzbm"></td>
        </tr>
        <tr>
            <td class="left" rowspan="2">联系人</td>
            <td class="right" rowspan="2"><input class="write" type="text" name="lxr"></td>
            <td class="left">电话</td>
            <td colspan="2">1.固定<input class="write" type="text" name="gddh">2.手机<input class="write" type="text" name="yddh"></td>
        </tr>
        <tr>
            <td class="left">传真</td>
            <td colspan="2"><input class="write" type="text" name="cz"></td>
        </tr>
        <tr>
            <td class="left">机构属性</td>
            <td class="right" colspan="4">
                <input type="radio" value="企业" name="qyjg">企业
                <input type="radio" value="高等院校" name="qyjg">高等院校
                <input type="radio" value="研究机构" name="qyjg">研究机构
                <input type="radio" value="其他" name="qyjg">其他
            </td>
        </tr>
        <tr>
            <td colspan="5" border="0">机构简介(单位基本情况,研究基础等,限200字)</td>
        </tr>
        <tr>
            <td colspan="5" height="100px">
            <div class="formControls col-xs-8 col-sm-9">
                <!-- 核心代码 start-->
                <textarea name="jgjj" cols="100" rows="5" class="textarea" placeholder="最多200字"
                          onKeyUp="Huitextarealength(this)"></textarea>
                <p class="textarea-numberbar"><em class="textarea-length">0</em>/
                    <am>200</am>
                </p>
                <!-- 核心代码 end-->
            </div>
            </td>
        </tr>
        <tr>
            <td class="left">技术需求名称</td>
            <td class="right"><input class="write" type="text" name="jgxqmc"></td>
            <td class="left">需求年限</td>
            <td class="right" colspan="4"><input class="write" type="text" name="qsxqmx" >年——><input class="write" type="text" name="jzxqmx">年</td>
        </tr>
        <tr>
            <td colspan="5" border="0">重大科技需求概述(主要内容,技术指标、预期经济和社会效益等,限500字)</td>
        </tr>
        <tr>
            <td colspan="5" height="150px">
            <div class="formControls col-xs-8 col-sm-9">
                <!-- 核心代码 start-->
                <textarea name="jgjj" cols="100" rows="5" class="textarea" placeholder="最多500字"
                          onKeyUp="Huitextarealength(this)"></textarea>
                <p class="textarea-numberbar"><em class="textarea-length">0</em>/
                    <am>500</am>
                </p>
                <!-- 核心代码 end-->
            </div>
            </td>
        </tr>
        <tr>
            <td class="left">关键字</td>
            <td class="right" colspan="1"><input class="write" type="text" name="gjz"></td>
            <td class="right" colspan="1"><input class="write" type="text" name="gjz"></td>
            <td class="right" colspan="1"><input class="write" type="text" name="gjz"></td>
            <td class="right" colspan="1"><input class="write" type="text" name="gjz"></td>
             
        </tr>
        <tr>
            <td class="left">科技活动类型</td>
            <td class="right" colspan="4">
                <input type="radio" name="yjlx" onclick="type1()" value="基础研究">基础研究
                <input type="radio" name="yjlx" onclick="type2()" value="应用研究">应用研究
                <input type="radio" name="yjlx" onclick="type2()" value="试验发展">试验发展
                <input type="radio" name="yjlx" onclick="type2()" value="研究与试验发展成果应用">研究与试验发展成果应用
                <input type="radio" name="yjlx" onclick="type2()" value="技术推广与科技服务">技术推广与科技服务
            </td>
        </tr>
        <tr id="type" align="center"></tr>
        <tr id="type1" align="center"></tr>
        <tr>
            <td class="left">技术需求解决方法</td>
            <td class="right" colspan="4">
                <input type="checkbox" value="独立开发" name="hzms">独立开发
                <input type="checkbox" value="技术转让" name="hzms">技术转让
                <input type="checkbox" value="技术入股" name="hzms">技术入股
                <input type="checkbox" value="合作开发" name="hzms">合作开发
                <input type="checkbox" value="其他" name="hzms">其他
            </td>
        </tr>
        <tr>
            <td class="left">合作意向单位</td>
            <td class="right" colspan="4"><input class="write" type="text" name="yxdw"></td>
        </tr>
        <tr>
            <td class="left" rowspan="2">项目资金需求及来源</td>
            <td class="left">资金需求总额</td>
            <td class="right"><input dir="rtl" style="width: 50%;border: 0"  type="text" name="ze" id="ze" value="0">万元</td>
         
            <td class="left">其中拟投入自有资金总额</td>
            <td class="right"><input dir="rtl" style="width: 50%;border: 0" type="text" name="zze" id="zze"value="0" onblur="Sum()">万元</td>
        </tr>
        <tr>
            <th colspan="5">
<center><input type="submit" value="保存并提交" onclick = "validate()" >    
<input type="reset" value="重置"></center>
</th>
        </tr>
    </table>
     
</form>
</body>
<script type="text/javascript">
//字数限制:
var Huitextarealength = function (obj){
    var html = $(obj).parent();
    var tatal = html.find('am').html();
    var sets = $(obj).val().length;
  
    if(sets*1>tatal*1){
        var str = '<div style="width: auto;position: absolute; right: 4%;color: red;">内容超出限制</div>';
        alert("内容超出限制");
        $(obj).after(str);
        html.find('em').css({color:'red'});
    }else {
        $(obj).parent().find('div').remove();
        html.find('em').css({color:'black'});
    }
    //设置已输入数量
    html.find('em').html(sets);
}
 
function type1(){
        var htmltext="<td>学科分类(限基础研究填写)</td><td colspan='4'><input class='write' type='text' name='xkfl'></td>";
        $("#type").html(htmltext);
        $("#type1").html("");
    }
    function type2(){
        var htmltext="<td class='left'>需求技术所属领域(非基础研究填写)</td><td class='right' colspan='4'>"
            +"<input type='checkbox' name='xqjsssly' value='电子信息技术'>电子信息技术"
            +"<input type='checkbox' name='sqjsssly' value='光机电一体化'>光机电一体化"
            +"<input type='checkbox' name='sqjsssly' value='软件'>软件"
            +"<input type='checkbox' name='sqjsssly' value='生物制药技术'>生物制药技术"
            +"<input type='checkbox' name='sqjsssly' value='新材料及应用技术'>新材料及应用技术"
            +"<input type='checkbox' name='sqjsssly' value='先进制造技术'>先进制造技术"
            +"<input type='checkbox' name='sqjsssly' value='现代农业技术'>现代农业技术"
            +"<input type='checkbox' name='sqjsssly' value='新材料与高效节能技术'>新材料与高效节能技术"
            +"<input type='checkbox' name='qtjsms' value='其他技术'>其他技术</td>";
        var htmltext1="<td>需求技术应用行业(参见国民经济行业分类,非基础研究填写)</td> <td colspan='4'><input class='write' type='text' name='yyhy'></td>";
        $("#type").html(htmltext);
        $("#type1").html(htmltext1);
    }
</script>
</html>

 

posted @ 2020-10-19 21:22  qazvve  阅读(46)  评论(0编辑  收藏  举报