版权声明：转载请注明出处 https://blog.csdn.net/fan_lulu/article/details/83152539
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script>
//定义二维数组
var arr=new Array(4);
arr[0]=new Array("哈尔滨","齐齐哈尔","牡丹江");
arr[1]=new Array("西安","宝鸡","汉中");
arr[2]=new Array("成都","广元","德阳");
arr[3]=new Array("海口","三亚","三沙");
</script>
<body>
<form method="post">
姓名：<input name="usename" value="xiaolu"><br />
密码：<input type="password" name="password"><br />
性别：<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="woman">女<br />
头像：<input type="file" name="photo"><br />
爱好：<input type="checkbox" name="hobby" value="reading">看书
<input type="checkbox" name="hobby" value="basketball">篮球
<input type="checkbox" name="hobby" value="cooking">做饭<br />
籍贯：<select name="pro" onchange="selCity(this.value)">
<option>--请选择--</option>
<option value="0">黑龙江</option>
<option value="1">陕西</option>
<option value="2">四川</option>
<option value="3">海南</option>
</select>
<select name="city" >
<option>--请选择--</option>
</select><br />
自我介绍：<textarea name="intro" cols="150" rows="10"></textarea><br />
<input type="submit" />
<input type="reset" />
<input type="button" value="保存" />
</form>
</body>
</html>
<script>
function selCity(index){
var cities=arr[index];
var citySel=document.getElementsByName("city")[0];
citySel.innerHTML=("<option>--请选择--</option>")
for(var i=0;i<cities.length;i++){
citySel.innerHTML+= ("<option>"+cities[i]+"</option>");
}
}
</script>