JS_联动菜单的制作 笔记
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>联动菜单</title>
</head>
<body>
<select name="chens" id="chens" onchange="ld();">
<option value="-1" selected="selected">请选择</option>
<option value="0">佛山</option>
<option value="1">东莞</option>
<option value="2">广州</option>
</select>
<select name="city" id="city">
</select>
</body>
<script type="text/javascript">
function ld(){
arry=[
['南海','禅城','高明'],
['大岭山','长安','高步'],
['越秀','番禺','aa','dfdfd']
];
var str='';
var sel1=document.getElementById('chens');
if (sel1.value=='-1') {
return document.getElementById('city').innerHTML=str;
}
for (var i=0,len=arry[sel1.value].length;i<len;i++) {
str=str+'<option value="i">'+ arry[sel1.value][i]+'</option>';
}
document.getElementById('city').innerHTML=str;
}
</script>
</html>
Dcr163的博客
http://dcr163.cn/53.html(转载时请注明本文出处及文章链接)