三个下拉菜单联动

<%@ page language="java" import="java.util.* " pageEncoding="gb2312"%>
<%@ page import="wdg.VO.*" %>
<%@ page import="wdg.control.*" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>无标题文档</title>
<style type="text/css">

</style>
</head>
 <script language="javascript">
   function formreset()
 {
  document.getElementById("myform").reset()
  }
 </script>
     
    <script language="javascript">  
      function changelocation(szss){
   document.myform.dwmc.length=0;
   
   var t=szss;
   
   var i;
   document.myform.dwmc.options[0]=new Option('==所有学校==','');
           
     <%
      SchoolManager dao = new SchoolManager();   
      // School s=new School();
       //String w=t;
    //s.setSzss(t);
      List list = dao.chaxun(); 
      for(int i=0;i<list.size();i++){
      School temp=(School)(list.get(i));
      String b=temp.getSzsd();
       String z=temp.getSid();
      System.out.println(b);
       System.out.println("z="+z);
      //String bs ="0100";
    // boolean a=b.equals(.szss);
      %>
  
       if (<%=b%>==t)
    {    
    
    document.myform.dwmc.options[document.myform.dwmc.length] = new Option('<%   =temp.getSchoolname()%>', '<%=temp.getSid()%>');
    }
      <%}%>   
     
   }
    
     </script>
    
     <script language="javascript">  
      function changelocation1(dwid){
   document.myform.subject.length=0;
   
   var a=dwid;
   
   var i;
   document.myform.subject.options[0]=new Option('==所有专业==','');
           
     <%
      SchoolManager s = new SchoolManager(); 
      // School s=new School();
       //String w=t;
    //s.setSzss(t);
      List list1 = s.search(); 
      for(int i=0;i<list1.size();i++){
      Subject temp=(Subject)(list1.get(i));
      String c=temp.getDwid();
      System.out.println("d="+c);
      //String bs ="0100";
    // boolean a=b.equals(.szss);
      %>
  
       if (<%=c%>==a)
    {    
    
    document.myform.subject.options[document.myform.subject.length] = new Option('<%=temp.getSubject()%>', '<%=temp.getSubject()%>');
    }
      <%}%>   
     
   }
    
     </script>
    
    
    <SCRIPT language="javascript">
     function check(){
      if(document.all.name.value == ""){
       alert("请输入用户名");
       document.all.name.focus();
       return false;
      }
 
      
      if(document.all.province.value == ""){
       alert("请输入籍贯");
       document.all.province.focus();
       return false;
      }
      if(document.all.idcard.value == ""){
       alert("请输入身份证号码");
       document.all.idcard.focus();
       return false;
      }
      if(document.all.address.value == ""){
       alert("请输入联系地址");
       document.all.address.focus();
       return false;
      }
      if(document.all.photo.value == ""){
       alert("请上传您的头像");
       document.all.photo.focus();
       return false;
      }
      
      document.all.button1.disabled = true;
     }
     function previewImage(o){
      document.getElementById("previewSection").style.display = "block";
      document.getElementById("previewSection").innerHTML = "<IMG name=/"imageFile/" src=/"" + o.value + "/" width=/"140/" height=/"160/">"
     }
    </SCRIPT>

<body>
<form enctype="multipart/form-data" name="myform" action="../DoUpServlet" method="post">
  <table width="829" border="1" cellspacing="0" cellpadding="4" align="center">
    <tr>
      <td colspan="5">&nbsp;</td>
    </tr>
    <tr>
      <td width="146"><span class="style4">姓名</span></td>
      <td width="260"><input name="name" type="text" value=""></td>
      <td width="371" colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td><span class="style4">性别</span></td>
      <td><span class="style2">
         <select name="sex">
          <option value="1">男</option>
          <option value="0">女</option>
        </select></td>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td><span class="style4">民族</span></td>
      <td><span class="style2">
        <select name="nation">
          <option value="汉族">汉族</option>
        </select>
      </span></td>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td><span class="style4">籍贯</span></td>
      <td><input name="province" type="text"></td>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td><span class="style4">身份证</span></td>
      <td><input name="idcard" type="text"></td>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td><span class="style4">报考学校所在省市</span></td>
      <td><span class="style2">
        <SELECT style="WIDTH: 170px" name=sheng onChange="changelocation(document.myform.sheng.options[document.myform.sheng.selectedIndex].value)"> <OPTION 
                         selected>――请选择省――</OPTION> <OPTION value="1">北京市</OPTION><OPTION
                             value="2">天津市</OPTION><OPTION value="3">河北省</OPTION><OPTION
                             value="4">山西省</OPTION><OPTION value="5">内蒙古自治区</OPTION><OPTION
                             value="6">辽宁省</OPTION><OPTION value="7">吉林省</OPTION><OPTION
                             value="8">黑龙江省</OPTION><OPTION value="9">上海市</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="18">湖南省</OPTION><OPTION value="19">广东省</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><OPTION
                             value="30">宁夏回族自治区</OPTION><OPTION value="31">新疆维吾尔自治区</OPTION><OPTION
                             value="32">台湾省</OPTION><OPTION value="33">香港特别行政区</OPTION><OPTION
                             value="34">澳门特别行政区</OPTION></SELECT>
      </span></td>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td><span class="style4">学校名称</span></td>
      <td><span class="style2">
      <select name="dwmc" class="addlist" id="dwmc" onChange="changelocation1(document.myform.dwmc.options[document.myform.dwmc.selectedIndex].value)">
      <option value="no">请选择学校</option>
      </select>
      </span></td>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td><span class="style4">报考专业</span></td>
      <td><span class="style2">
        <select name="subject">
         <option value="no">请选择专业</option>
        </select>
      </span></td>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td><span class="style4">联系电话</span></td>
      <td><input name="mobile" type="text"></td>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td><span class="style4">通讯地址</span></td>
      <td><input name="address" type="text"></td>
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td class="style4">上传照片</td>
      <td><input type="file" name="photo" οnchange="previewImage(this);"></td>
      <td colspan="3">&nbsp;</td>
    </tr>
    <TR>
    <TD colspan="2" align="center">
     <div id="previewSection" style="display: none; index : 1" align="center"></div>
    </TD>
 </TR>
    <tr>
      <td colspan="5"><div align="center" class="style2">
          <input type="submit" name="button1" value="提交">
             
          <input type="reset" name="Submit2" value="重置">
             
          <input type="submit" name="Submit3" value="返回">
      </div></td>
    </tr>
  </table>
</form>
</body>
</html>

 来自网络

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值