📄 jsp+js二级菜单.txt

📁 JSP中一些常用到的菜单或处理方式。小计较
💻 TXT
字号:
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
<%@ page import="com.xipu.asp.model.Park" %>
<%@ page import="com.xipu.asp.model.Incubater" %>
<%
List parklist=(List)request.getAttribute("parklist");

%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="/foreground/css/style.css" rel="stylesheet" type="text/css" />
<title>企业注册</title>

<script type="text/javascript" language="javascript">

    <%
Park park =null;
Incubater incubater = null;
for(int i=0;i<parklist.size();i++){
     park = (Park)parklist.get(i);
     List incu =(List)park.getIncubater();
        String v_name = "lanmu_"+park.getParkId();
    %>
     var <%=v_name%> = new Array();
<%
     for(int j = 0;j<incu.size();j++){
         incubater = (Incubater)incu.get(j);
         out.println(v_name+"["+j+"] = new Array('"+incubater.getIncubaterId()+"','"+incubater.getIncubaterName()+"')");
     }
}
%>

   function updateCities(){ 
   var selectedProvince = document.forms[0].province.value;
   switch(selectedProvince){
      <%for(int i=0;i<parklist.size();i++){
             park = (Park)parklist.get(i);
             String v_name = "lanmu_"+park.getParkId();
      %>
    case '<%=park.getParkId()%>':showCites(<%=v_name%>);break;
      <%}%>
      default :showCites('');
   }
   }
   function showCites(cityArray){
       document.forms[0].cities.options.length=0;
       if(cityArray==''){
           document.forms[0].cities.options[0] = new Option('请选择',''); 
       }else{
     for(i=0;i<cityArray.length;i++){
         document.forms[0].cities.options[i] = new Option(cityArray[i][1],cityArray[i][0]); 
     }
    }
   }
</script>
<script type="text/javascript" language="javascript">
   String.prototype.trim = function(){
        return this.replace(/(^\s*)|(\s*$)/g, "");
      }
   function checkdata()
    {
     
   parkid = document.forms[0].province.value; //得到一级目录的Id方便存储到数据库
   incubaterid = document.forms[0].cities.value; //得到二级级目录的Id方便存储到数据库
   document.forms[0].action+="&merchantId=<bean:write name="merchantId"/>&parkid="+parkid+"&incubaterid="+incubaterid+" ";
   document.forms[0].submit();
   }
  


   </script>
</head>

<body>
<html:form   action="/register.do?operation=add" method="post">

<div >&nbsp;</div>
<div >
<table width="710" border="0" align="center" cellspacing="0" cellpadding="0" style="border:1px solid #D7D7D7;">
   
        <tr>
          <td><span style="color:#FF0000;">*</span>&nbsp;<span style="font-size:14px; line-height:2.5;">所属园区:</span>&nbsp;</td>
          <td>
         <select name="province" size="1" onChange="javaScript:updateCities()">
              <OPTION VALUE="" SELECTED>请选择</OPTION>
      <%
      for(int i=0;i<parklist.size();i++){

      park = (Park)parklist.get(i);
      %>
      
       <OPTION VALUE="<%=park.getParkId()%>"><%=park.getParkName()%></OPTION>
      <% }%>
     </select>
    </td> 
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td><span style="color:#FF0000;">*</span>&nbsp;<span style="font-size:14px; line-height:2.5;">所属孵化器:</span>&nbsp;</td>
          <td> 
      <select name="cities" size="1">
     <OPTION VALUE="" SELECTED>请选择</OPTION>
     </select> 
    </td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td height="79" colspan="3" align="center"><input type="button" name="submit11" value="注　册" onclick="checkdata();"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <label>
            <input type="reset" name="reset" value="重　置" />
            </label></td>
          </tr>
      </table></td>
    </tr>
</table>
</div>
</html:form>
</body>
</html>

/****************************************************执行完的jsp页面*****************************************************/


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="/foreground/css/style.css" rel="stylesheet" type="text/css" />
<title>企业注册</title>

<script type="text/javascript" language="javascript">

    
     var lanmu_1 = new Array();
   lanmu_1[0] = new Array('4','康华伟业')
   lanmu_1[1] = new Array('5','北京利玛')
   lanmu_1[2] = new Array('8','金丰和')

     var lanmu_2 = new Array();
   lanmu_2[0] = new Array('10','天津市创新科技')

     var lanmu_3 = new Array();
   lanmu_3[0] = new Array('6','汽车4S店')
   lanmu_3[1] = new Array('7','北京西普伟业')
   lanmu_3[2] = new Array('9','什刹海商会')
   lanmu_3[3] = new Array('11','社会')

     var lanmu_4 = new Array();
   lanmu_4[0] = new Array('12','北京迪希')


   function updateCities(){ 
   var selectedProvince = document.forms[0].province.value;
   switch(selectedProvince){
      
    case '1':showCites(lanmu_1);break;
      case '2':showCites(lanmu_2);break;
      case '3':showCites(lanmu_3);break;
      case '4':showCites(lanmu_4);break;
      default :showCites('');
   }
   }
   function showCites(cityArray){
       document.forms[0].cities.options.length=0;
       if(cityArray==''){
           document.forms[0].cities.options[0] = new Option('请选择',''); 
       }else{
     for(i=0;i<cityArray.length;i++){
         document.forms[0].cities.options[i] = new Option(cityArray[i][1],cityArray[i][0]); 
     }
    }
   }
</script>


<script type="text/javascript" language="javascript">
   String.prototype.trim = function(){
        return this.replace(/(^\s*)|(\s*$)/g, "");
      }
   function checkdata()
    {
      
   parkid = document.forms[0].province.value; 
   alert("1Id"+parkid);
   incubaterid = document.forms[0].cities.value;
   alert("2Id"+incubaterid);
   document.forms[0].action+="&merchantId=1&parkid="+parkid+"&incubaterid="+incubaterid+" ";
   document.forms[0].submit();
   }
   

   </script>
</head>

<body>
<form name="registerForm" method="post" action="/register.do?operation=add">

<div >&nbsp;</div>
<div >
<table width="710" border="0" align="center" cellspacing="0" cellpadding="0" style="border:1px solid #D7D7D7;">
           <tr>
          <td><span style="color:#FF0000;">*</span>&nbsp;<span style="font-size:14px; line-height:2.5;">所属园区:</span>&nbsp;</td>
          <td>
         <select name="province" size="1" onChange="javaScript:updateCities()">
              <OPTION VALUE="" SELECTED>请选择</OPTION>
     
      
       <OPTION VALUE="1">德胜科技园</OPTION>
     
      
       <OPTION VALUE="2">天津市创新服务机构</OPTION>
     
      
       <OPTION VALUE="3">其它</OPTION>
     
      
       <OPTION VALUE="4">北京迪希</OPTION>
     
     </select>
    </td> 
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td><span style="color:#FF0000;">*</span>&nbsp;<span style="font-size:14px; line-height:2.5;">所属孵化器:</span>&nbsp;</td>
          <td> 
      <select name="cities" size="1">
     <OPTION VALUE="" SELECTED>请选择</OPTION>
     </select> 
    </td>
          <td>&nbsp;</td>
        </tr>
   <tr>
          <td height="79" colspan="3" align="center"><input type="button" name="submit11" value="注　册" onclick="checkdata();"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <label>
            <input type="reset" name="reset" value="重　置" />
            </label></td>
          </tr>
         </table></td>
    </tr>
</table>
</div>
</form>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -