html二级下拉菜单怎么做_html二级联动下拉列表

html二级下拉菜单怎么做_html二级联动下拉列表js实现select二级联动下拉菜单<%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%><%String path = reques

js实现select二级联动下拉菜单   <%@ 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>   <TITLE> New Document </TITLE>   <META NAME=”Generator” CONTENT=”EditPlus”>   <META NAME=”Author” CONTENT=””>   <META NAME=”Keywords” CONTENT=””>   <META NAME=”Description” CONTENT=””>   <script language=”JavaScript” type=”text/javascript”>   //定义了城市的二维数组,里面的顺序跟省份的顺序是相同的。通过selectedIndex获得省份的下标值来得到相应的城市数组   var city=[   [“北京”,”天津”,”上海”,”重庆”],   [“南京”,”苏州”,”南通”,”常州”],   [“福州”,”福安”,”龙岩”,”南平”],   [“广州”,”潮阳”,”潮州”,”澄海”],   [“兰州”,”白银”,”定西”,”敦煌”]   ];   function getCity(){   //获得省份下拉框的对象   var sltProvince=document.form1.province;   //获得城市下拉框的对象   var sltCity=document.form1.city;   //得到对应省份的城市数组   var provinceCity=city[sltProvince.selectedIndex – 1];   //清空城市下拉框,仅留提示选项   sltCity.length=1;   //将城市数组中的值填充到城市下拉框中   for(var i=0;i<provinceCity.length;i++){   sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);   }   }   </script>   </HEAD>   <BODY>   <FORM METHOD=POST ACTION=”” name=”form1″>   <SELECT NAME=”province” onChange=”getCity()”>   <OPTION VALUE=”0″>请选择所在省份 </OPTION>   <OPTION VALUE=”直辖市”>直辖市 </OPTION>   <OPTION VALUE=”江苏省”>江苏省 </OPTION>   <OPTION VALUE=”福建省”>福建省 </OPTION>   <OPTION VALUE=”广东省”>广东省 </OPTION>   <OPTION VALUE=”甘肃省”>甘肃省 </OPTION>   </SELECT>   <SELECT NAME=”city”>   <OPTION VALUE=”0″>请选择所在城市 </OPTION>   </SELECT>   </FORM>   </BODY>   </HTML>

2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/61713.html

(0)
上一篇 2024年 8月 29日
下一篇 2024年 8月 29日

相关推荐

关注微信