三个下拉菜单联动

最新推荐文章于 2023-07-11 17:32:26 发布

Ingenuus

最新推荐文章于 2023-07-11 17:32:26 发布

阅读量1.6k

点赞数

分类专栏： Web学习笔记文章标签： class javascript function input import list

Web学习笔记专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<%@ 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"> </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"> </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"> </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"> </td>
    </tr>
    <tr>
      <td><span class="style4">籍贯</span></td>
      <td><input name="province" type="text"></td>
      <td colspan="3"> </td>
    </tr>
    <tr>
      <td><span class="style4">身份证</span></td>
      <td><input name="idcard" type="text"></td>
      <td colspan="3"> </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"> </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"> </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"> </td>
    </tr>
    <tr>
      <td><span class="style4">联系电话</span></td>
      <td><input name="mobile" type="text"></td>
      <td colspan="3"> </td>
    </tr>
    <tr>
      <td><span class="style4">通讯地址</span></td>
      <td><input name="address" type="text"></td>
      <td colspan="3"> </td>
    </tr>
    <tr>
      <td class="style4">上传照片</td>
      <td><input type="file" name="photo" οnchange="previewImage(this);"></td>
      <td colspan="3"> </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>