您的位置：首页 > 编程语言 > Java开发

东软JavaWeb实训记-DAY6-小组项目开发实践（省市级联的实现）

2017-07-21 23:00 483 查看

省市级联的实现

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="" method="post">
籍贯:<select name="u_pro" id="u_pro" onchange="addCity()">

</select>
<select name="u_city" id="u_city">
</select>
</form>
</body>
<script type="text/javascript">
//javascript 中关键看组合
var citys=new Array();
citys["山东省"]=["青岛市","济南市","烟台市","威海市"];
citys["江苏省"]=["南京","扬州","镇江"];
function init()
{
var pro=document.getElementById("u_pro");
//从数组中获取每一个下标
for(var i in citys)
{
var op=new Option(i,i);
pro.add(op);
}
addCity();
}
function addCity()
{
var c=document.getElementById("u_city");
//清空下拉列表中的项
c.options.length=0;
var p=document.getElementById("u_pro").value;
var city=citys[p];
for(var i in city)
{
var n=city[i];
var op=new Option(n,n);
c.add(op);
}
}
window.onload=init();
</script>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 东软 java web java web mybatis

相关文章推荐

新的分享

章节导航