<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="../Day26/doctool.js"></script>
<script type="text/javascript">
function selCity()
{
var arr = [['--选择城市--']
,["海淀区","朝阳区","东城区","西城区"]
,["沈阳","大连","鞍山","抚顺"]
,["济南","青岛","烟台","威海"]
,["洛阳","郑州","开封","南阳"]];
var index = byId("selid").selectedIndex;
//alert(byId("selid").options[index].innerText);
var subselNode = byId("subselid");
var citys = arr[index];
subselNode.options.length = 0;
/*
for(var x=0; x<subselNode.options.length; )
{
alert(x+".."+subselNode.options[x].innerText+"...."+subselNode.options.length);
subselNode.removeChild(subselNode.options[x]);
}
*/
for(var x=0; x<citys.length; x++)
{
var optNode = doc.createElement("option");
optNode.innerText = citys[x];
subselNode.appendChild(optNode);
}
}
</script>
</head>
<body>
<select id="selid" onchange="selCity()">
<option>--选择省市--</option>
<option>北京</option>
<option>辽宁</option>
<option>山东</option>
<option>河南</option>
</select>
<select id="subselid">
<option>--选择城市--</option>
</select>
</body>
</html>
分享到：
相关推荐
在使用JSP JavaScript过程中有很多的技巧与实现，那么如何构建二级级联下拉菜单呢，本文将会向你做一个源码上的介绍。
JSP+JavaScript打造二级级联下拉菜单 简单的很哪 嘿嘿
用JSP+JavaScript打造二级级联下拉菜单
网上级联菜单确有不少，单大多是直接写死到jsp页面中的，本代码是用mysql的数据库实现的，希望对大家有帮助！！！
数据是从mySql数据库中动态读取，运行sql文件即可，经测试是没问题的……
select2 下拉搜索 级联 全国省市区的三级联动 谢谢
当二级联动要实现数据库时实读取时,比较麻烦,本例子用Ajax可以简单实现 ajax+Jsp+js+servlet
Access数据库-二级下拉菜单制作
jsp级联菜单源代码 保证最简单的代码， 只要见过、研究过jsp就能看的懂。
本文实例为大家分享了js实现select二级联动下拉菜单，供大家参考，具体内容如下 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath()...
用struts2 doubleselect标签实现的二级联动下拉菜单
js 二级级联菜单 实现全国省市的下拉菜单显示
ajax 我们也就讲过一个小例子，这是后来经老师指点后用老师的例子改的，希望对想实现二级联动的同学有所帮助.
phpmysql下拉菜单二级联动，连接数据库mysql
才写的 里面没有所需要的包 自己添加吧
ASP 实用的ajax二级联动菜单
用Ajax实现的一个级联菜单，下拉菜单是从数据库中取数据的。
主要为大家详细介绍了Bootstrap实现下拉菜单多级联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
源码RW_DropdownMenu，自己写的一款简单的下拉二级菜单 （样子仿照大众点评），使用者可以根据需要使用下拉二级菜单或一级下拉菜单。 测试环境：Xcode 6.2，iOS 6.0 以上
jquery 网站导航菜单 横排下拉菜单 竖排下拉菜单