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

JavaScript案例六：简单省市联动(NBA版)

2016-10-11 20:42 323 查看

JavaScript实现简单省市(NBA版)联动

<!DOCTYPE html>
<html>
<head>
<title>JavaScript实现简单省市(NBA版)联动</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" >
var arr=new Array(3);
arr[0]=["骑士","詹姆斯","欧文","乐福","TT"];
arr[1]=["勇士","库里","杜兰特","汤普森","格林"];
arr[2]=["马刺","邓肯","吉诺比利","帕克","卡哇伊","阿尔德里奇"];
function choose(value)
{
var s=document.getElementById("s1");
var a=s.getElementsByTagName("option");
for(var k=0;k<a.length;k++)//在选择一个新球队时，应该删除之前球队的球员
{
s.removeChild(a[k]);
k--;     //数组在动态变化！
}
for(var i=0;i<arr.length;i++)
{
var temp=arr[i];
if(value==temp[0])
{
for(var j=1;j<temp.length;j++)
{
var op=document.createElement("option");
var te=document.createTextNode(temp[j]);
op.appendChild(te);
s.appendChild(op);
}
}
}
}
</script>
</head>
<body>
<select onchange="choose(this.value)">
<option>---请选择---</option>
<option value="骑士">骑士</option>
<option value="勇士">勇士</option>
<option value="马刺">马刺</option>
</select>
<select id="s1"></select>
</body>
</html>

运行示意：

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

标签：

相关文章推荐

新的分享

章节导航