Js实现联动菜单实例代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AIDE技术网版权所有aidezy.com</title>
</head>
<body>
<select id="xuan" onchange="bian()">
<option value="">请选择国家</option>
<option value="1">中国最强</option>
<option value="2">美国渣渣</option>
</select>
<select id="xuan2"></select>
<div id="xuan2"></div>
</body>
<script type="text/javascript">
function bian(){
var xuan = document.getElementById('xuan');
var xuan2 = document.getElementById('xuan2');
var arr = ['',['北京','上海'],['洛杉矶','纽约']];
var shu = arr[xuan.value];
// alert(shu);
//for循环方式
var arr2 = '';
for (var i = 0; i < shu.length; i++) {
// var ce = 'select';
// if (arr.indexOf('<select>') >= 0) {
// // alert('1');
// arr2 = arr + '<option>' + shu[i] + '</option>';
// }
arr2 = arr2 + '<select> <option>' + shu[i] + '</option> </select>';
// alert(arr);
}
//while循环方式
var arr2 = '';
var i = 0;
while(i < shu.length){
arr2 = arr2 + '<option>' + shu[i] + '</option>';
i++;
}
xuan2.innerHTML = arr2;
}
</script>
</html>
标签：
js教程联动菜单
标题：Js实现联动菜单实例代码
链接：http://aidezy.com/3408.html
版权：若无特殊标注皆为 AIDE技术网 原创版权，转载请以链接形式注明作者及原始出处
AIDE技术网–技术综合类博客|AIDEZY.COM
