您的位置：首页 > Web前端 > JavaScript

js数组使用方法介绍

2011-11-13 19:27 633 查看

1：目录内容

2：创建数组的语法

3：数组的赋值和读取

4：数组的读取

5：Array对象的常用属性和方法

把数组清空的方法：

6：实现省市级联的思路

7：代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>简单的添加下拉菜单</title>
<script type="text/javascript">
function changeCity() {
var selProvince = document.getElementById('selProvince');
var province = selProvince.options[selProvince.selectedIndex].value; //获得选择的省份
var city = document.getElementById('selCity');
city.options.length = 0;
switch(province) {
case '河南省':
city.add(new Option('郑州市', '郑州市'), null);
city.add(new Option('洛阳市', '洛阳市'), null);
break;
case '河北省':
city.add(new Option('邯郸市', '邯郸市'), null);
city.add(new Option('石家庄市', '石家庄市'), null);
break;
case '山东省':
city.add(new Option('青岛市', '青岛市'), null);
city.add(new Option('烟台市', '烟台市'), null);
break;
}
}
</script>
<style type="text/css">
body {
margin: 10;
padding: 0;
font-size: 12px;
}
</style>
</head>

<body>
<form action="" method="post" name="myform">
<select id="selProvince" onchange="changeCity();">
<option>--选择省份--</option>
<option value="河南省">河南省</option>
<option value="河北省">河北省</option>
<option value="山东省">山东省</option>
</select>
<select id="selCity">
<option>--选择城市--</option>
</select>
</form>
</body>
</html>

效果图：

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

标签：

相关文章推荐

新的分享

章节导航