<html>
<head>
<title>city</title>
</head>
<script type="text/javascript" language="javaScript">
function $(id){
return document.getElementById(id);
}
window.οnlοad=function(){
var id=new Array(1,2,3,4);
var value=new Array('北京','上海','西安','香港');
var select=$("area");
select.length=1;
select.options[0].selected=true;
for(var i=0;i<id.length;i++){
var option=document.createElement("option");
option.setAttribute("value",id[i]);
option.appendChild(document.createTextNode(value[i]));
select.appendChild(option);
}
}
function selectCity(){
var city=new Array();
city['1']=['海淀区','新城区','朝阳区'];
city['2']=['浦东区','黄埔区'];
city['3']=['未央区','高新区','长安区','碑林区'];
city['4']=['九龙区'];
var select1=$("city");
select1.length=1;
select1.options[0].selected=true;
var i=$("area").value;
for(var j in city[i]){
var option1=document.createElement("option");
option1.setAttribute("value",j);
option1.appendChild(document.createTextNode(city[i][j]));
select1.appendChild(option1);
}
}
</script>
<body>
<form>
地区:
<select name="area" id="area" οnchange="selectCity()">
<option value="0">---请选择地区---</option>
</select>
城区:
<select name="city" id="city">
<option value="0">---请选择城区---</option>
</select>
</form>
</body>
</html>
js省级下拉框
最新推荐文章于 2020-12-30 18:15:13 发布