您的位置：首页 > 其它

二位数组塑造二级联动下拉菜单（静态数据）

2013-10-12 17:37 267 查看

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script language="JavaScript" type="text/javascript">

//定义城市的二维数组，其中顺序跟省份是一致的

var cityNames = [["济南","青岛","淄博","潍坊"],["合肥","蚌埠","宣城","黄山"]];

function getCity(){

//获得省份下拉框的对象

var selProvince = document.form.province;

//获得城市下拉框的对象

var selCity = document.form.city;

//得到选择省份的城市数组

var proCityNames = cityNames[selProvince.selectedIndex-1];

//清空城市下拉框，仅留提示选项

selCity.length = 1;

//将省份下城市数组中的值填充到城市下拉框中

for(var i=0; i<proCityNames.length;i++){

selCity[i+1] = new Option(proCityNames[i],i+1);

}

}

</script>

</HEAD>

<BODY onload="setValue();">

<FORM METHOD=POST ACTION="" name="form">

<select name="province" onChange="getCity()">

<option value="0">请选择省份</option>

<option value="1" selected>山东</option>

<option value="2">安徽</option>

</select>

<select name="city">

<option value="0">请选择城市</option>

</select>

</FORM>

</BODY>

</HTML>

但此项貌似在修改时的默认选中上不太好实现，用作单独的添加页面还是很高效率的。

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

标签：

相关文章推荐

新的分享

章节导航