关于javascript联动菜单-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

关于javascript联动菜单

a123456678 2016-03-13 10:18:36 1113

书上的一个javascript练习题,用javascript实现一个联动菜单,for循环的位置,我是照着书上打的,但是仍旧提示有问题,求大神解答!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <select name="" id="prov" onclick="ch();">
        <option value="-1">请选择</option>
        <option value="0">北京</option>
        <option value="1">湖北</option>
    </select>
    <select name="" id="city"></select>
</body>
<script>

var area = [
     ["海淀","朝阳","通州"],
     ["武汉","鄂州","黄冈"]
];

    function ch () {
        var ab = document.getElementById('prov');

        var opt = ' ';
        
        for(var i=0,len=area[ab.value].length;i<len;i++){
            
            opt=opt + '<option value=" '+ i +' ">'+area[ab.value][i]+'</option>'; 
        }
        console.log(opt);
    }

</script>
</html>
云服务器登录 云服务器设置
分享到
取消 提交回答
全部回答(1)
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

相似问题
最新问题
推荐课程