菜单级联

最新推荐文章于 2024-06-06 14:15:50 发布

nuptsv_ice

最新推荐文章于 2024-06-06 14:15:50 发布

阅读量1k

点赞数

分类专栏： javascript 文章标签： stylesheet function string html import jsp

javascript 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'c.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<script type="text/javascript">
  var province = ["湖南",'江苏','四川'];
  var city1 = [
   ['长沙','株洲','岳阳'],
   ['南京','抚顺','南岳'],
   ['重庆','成都','不知道']
  ];
  onload = function()
  {
   var pro = document.getElementById("province");
   var city = document.getElementById("city");
   //这是将省加入到select中
   for(i=0;i<province.length;i++)
   {
    pro.options[i] = new Option(province[i],i);
   }
   //这是将对应的是加进去
   for(j=0;j<city1[0].length;j++)
   {
    var op = new Option(city1[0][j],j);
    city.options.add(op);
   }
  }

  function go()
  {
   var i = document.getElementById("province").selectedIndex;
   var city = document.getElementById("city");
   //下面两种方法都可以
   //这是删除原来的市
   city.length = 0;
   //这也是删除原来的值
   /*for(k = 0; k < city.options.length; k++)
   {
    city.options.remove(k);
   }*/
   //这是删除子元素
   for(j=0;j<city1[i].length;j++)
   {
    //这是创建一个Option，第一个参数是<option value></option>之间的值，这个参数是option里面的value的值
    var op = new Option(city1[i][j],j);
    //这是将值加入到select中去
    city.options[j] = op;
   }
  }
</script>
</head>

<body>
<span>
省:<select id="province" οnchange="go()">

</select>

市:<select id="city">

</select>
</body>
</html>

nuptsv_ice

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
菜单级联

String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> My JSP 'c.jsp' start
复制链接

扫一扫