当前位置: 代码迷 >> Java Web开发 >> 新人求教jsp页面中使用 hidden属性的步骤
  详细解决方案

新人求教jsp页面中使用 hidden属性的步骤

热度:46   发布时间:2016-04-16 21:27:31.0
新人求教jsp页面中使用 hidden属性的方法
在同一页面 先输入后展示,在输入的表单提交之前展示部分不显示出来,提交之后就展示出来了。本人不会js,请教大家不用js怎么实现,下面是我的代码,但是一访问全部都展示出来了
<%@ page contentType="text/html;charset=utf-8" %>
<%@ page import="com.dino.srv.*" %>
<html>
<head>
<title>
login
</title>
</head>
<body>
<form action="" name=form method="post">
<table>
<tr>
<td><span>姓名</span></td>
<td><input type="text" name ="name" size="30"> </td>
</tr>
<tr>
<td><span>性别</span></td>
<td><input type="text" name ="gender" size="30"> </td>
</tr>
<tr>
<td><span>学号</span></td>
<td><input type="text" name ="number" size="30"> </td>
</tr>
<tr>
<td><span>身高</span></td>
<td><input type="text" name ="height" size="30"> </td>
</tr>
<tr>
<td><span>体重</span></td>
<td><input type="text" name ="weight" size="30"> </td>
</tr>
<tr>
<td><span></span></td>
<td align="right"><input type="submit"  name= "submit" value="提交">
&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
</table>
</form>

<form>

<jsp:useBean id="students" class="com.dino.srv.students" />

<jsp:setProperty name="students" property="*"/>
<p>姓名是:
<jsp:getProperty name="students" property="name" />
<p>学号是:
<jsp:getProperty name="students" property="number" />
<p>性别是:
<jsp:getProperty name="students" property="gender" />
<p>身高是:
<jsp:getProperty name="students" property="height" />
<p>体重是:
<jsp:getProperty name="students" property="weight" />
<br>
<% String isSubmit= request.getParameter("submit");
//out.print(isSubmit);
if(isSubmit ==null){%>
<input type="hidden" name="isSubmit" value="yes" >;
<% }
  %>
</form>
</body>
</html>

------解决思路----------------------
思路,加一个隐藏属性的标记变量,提交改变值为满足条件。代码如下:
<body>
    <%String flag = request.getParameter("flag"); %>
    <form id="f1" action="">
    <%if(flag!=null && flag.equals("yes")){ %>
     <input type="text" id="h" name="h" value="aaaaaaaa"/>
    <%} %>
     <input type="hidden" id="flag" name="flag"/>
     <input type="button" onclick="fun()" value="onclick"/>
    </form>
  </body>
  <script>
   function fun(){
   var f = document.getElementById("f1");
   var flag = document.getElementById("flag");
   flag.value="yes";
   f.submit();
   }
  </script>

------解决思路----------------------
你第二个表单应该是根据前一个表单的数据是否入库来决定是否显示的吧,直接后台返回一个值,根据值判断显示什么,也可以把提交后没入库的错误提示显示出来的
  相关解决方案