本人是个初学web前端（http://www.maiziedu.com/course/web/）的菜鸟，平时学习前端就在网上找些视频资料，或者看看大神的博客，问问身边的大牛，之前在学习html中学到了select，想做一个多级联动的效果，本篇算是一个简单的多级联动效果的教程，效果简单，实现的是点击前面的国家出现对应城市，代码也简单。如果有错误请尽管喷我不要客气，但是务必帮楼主指出来错误之处，谢谢^
本人是个初学web前端（http://www.maiziedu.com/course/web/）的菜鸟，平时学习前端就在网上找些视频资料，或者看看大神的博客，问问身边的大牛，之前在学习html中学到了select，想做一个多级联动的效果，本篇算是一个简单的多级联动效果的教程，效果简单，实现的是点击前面的国家出现对应城市，代码也简单。如果有错误请尽管喷我不要客气，但是务必帮楼主指出来错误之处，谢谢^ ^。
js部分用到了Jquery。
首先把html部分写下来，我分为两个部分，国家与城市
<body>
<select class="country"></select>
<select class="city"></select>
</body>
稍微添加一个css样式，变成浮动效果，添加外边距，加个宽度
.country,.city {
float: left;
margin:20px 10px;
width：150px
}
</style>
然后用js制作国家与城市的数组，实现代码如下：
<script src="./jquery.js"></script><script type="text/javascript">
$(document).ready(function(e) {
var cou = [{
couname: "中国"
}, {
couname: "美国"
}, {
couname: "澳大利亚"
}];var citi = [{
nam
最低0.47元/天 解锁文章
1599
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
