AIDE技术官网
AIDEZY.COM

Js实现联动菜单实例代码

JS声明数组的四种方式

 

Js实现联动菜单实例代码

Js实现联动菜单实例代码 JS教程 第2张

<!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>

 

搜一下

海报生成 赞(2) 打赏

来都来了!评论一下呗! 抢沙发

  • QQ (自动获取名称头像等信息|选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

登录

忘记密码 ?

切换登录

注册