<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
// 定义二维数组:
var arr = new Array(4);
arr[0] = new Array("石家庄","邯郸","保定","秦皇岛");
arr[1] = new Array("郑州市","洛阳市","安阳市","南阳市");
arr[2] = new Array("沈阳市","锦州市","大连市","铁岭市");
arr[3] = new Array("长春市","吉林市","四平市","通化市");
function changePro(index){
//b.根据value的值获取所对应市的数组
var cityArr = arr[index];
//c.获取市的下拉选对象
var cityObj = document.getElementById("city");
//初始化
cityObj.innerHTML = "<option >--请选择--</option>";
//d.遍历市的数组,将每个市拼成option,将option插入到市的下拉选对象中
for(var i=0;i<cityArr.length;i++){
var optionObj = "<option>"+cityArr[i]+"</option>";
cityObj.innerHTML += optionObj;
}
}
</script>
</head>
<body>
<form action="#" method="get">
<input type="hidden" name="id" value="007"/>
姓名:<input name="username" value="xuduoduo"/><br>
密码:<input type="password" name="password" value="123"><br>
性别:<input type="radio" name="sex" value="1" checked="checked">男
<input type="radio" name="sex" value="0">女
<br>
爱好:<input type="checkbox" name="hobby" value="eat">吃
<input type="checkbox" name="hobby" value="drink" checked="checked">喝
<input type="checkbox" name="hobby" value="sleep" checked="checked">睡
<br>
头像:<input type="file" name="photo"><br>
籍贯:
<select name="pro" οnchange="changePro(this.value)">
<option >--请选择--</option>
<option value="0">河北</option>
<option value="1">河南</option>
<option value="2">辽宁</option>
<option value="3">吉林</option>
</select>省
<select id="city">
<option >-请选择-</option>
</select>市
<br>
自我介绍:
<textarea name="intr" cols="40" rows="4">good!</textarea>
<br>
<input type="submit" value="保存"/>
<input type="reset" />
<input type="button" value="普通按钮"/>
</form>
</body>
</html>
<!--
-->
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
// 定义二维数组:
var arr = new Array(4);
arr[0] = new Array("石家庄","邯郸","保定","秦皇岛");
arr[1] = new Array("郑州市","洛阳市","安阳市","南阳市");
arr[2] = new Array("沈阳市","锦州市","大连市","铁岭市");
arr[3] = new Array("长春市","吉林市","四平市","通化市");
function changePro(index){
//b.根据value的值获取所对应市的数组
var cityArr = arr[index];
//c.获取市的下拉选对象
var cityObj = document.getElementById("city");
//初始化
cityObj.innerHTML = "<option >--请选择--</option>";
//d.遍历市的数组,将每个市拼成option,将option插入到市的下拉选对象中
for(var i=0;i<cityArr.length;i++){
var optionObj = "<option>"+cityArr[i]+"</option>";
cityObj.innerHTML += optionObj;
}
}
</script>
</head>
<body>
<form action="#" method="get">
<input type="hidden" name="id" value="007"/>
姓名:<input name="username" value="xuduoduo"/><br>
密码:<input type="password" name="password" value="123"><br>
性别:<input type="radio" name="sex" value="1" checked="checked">男
<input type="radio" name="sex" value="0">女
<br>
爱好:<input type="checkbox" name="hobby" value="eat">吃
<input type="checkbox" name="hobby" value="drink" checked="checked">喝
<input type="checkbox" name="hobby" value="sleep" checked="checked">睡
<br>
头像:<input type="file" name="photo"><br>
籍贯:
<select name="pro" οnchange="changePro(this.value)">
<option >--请选择--</option>
<option value="0">河北</option>
<option value="1">河南</option>
<option value="2">辽宁</option>
<option value="3">吉林</option>
</select>省
<select id="city">
<option >-请选择-</option>
</select>市
<br>
自我介绍:
<textarea name="intr" cols="40" rows="4">good!</textarea>
<br>
<input type="submit" value="保存"/>
<input type="reset" />
<input type="button" value="普通按钮"/>
</form>
</body>
</html>
<!--
-->