开发者社区> 问答> 正文

关于javascript联动菜单

书上的一个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>

展开
收起
a123456678 2016-03-13 10:14:14 2206 0
1 条回答
写回答
取消 提交回答
  • 代码写的有问题啊,ab.value可能为-1,数组的访问-1的位置是undefined

    2019-07-17 19:01:58
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载