本文给出了一个用JavaScript实现链接菜单效果的例子。分享给大家参考，如下：

这位博主昨天发表了一篇关于JavaScript特效的文章。今天给大家带来的是联动菜单特效，可能是一个系列。

翻译

和以前一样，先从效果图开始，然后解释。

密码

！doctype html head metharset=' utf-8 ' meta http-equiv=' x-ua-compatible ' content=' ie=edge ' title/title link rel='样式表' href=''/head body h1链接菜单/h1选择id='省份' on change=' LD()；选项值='-1 '请选择/选项选项值='0 '安徽/选项选项值='1 '浙江/选项/选择选择id=' city '/select/body script//定义区域数组var area=[['安庆'，'黄山'，'合肥']，['杭州'，//联动函数LD () {var省份=document.getelementbyid('省份')；//找到省级对象varcity=document . getelementbyid(' city ')；//找到了市场对象var opt=//如果是，请选择，为空，如果(省)结束功能。value==-1) {city。innerhtml=opt返回；} for(var i=0，len=area[省份.值]。长度；我透镜；I){ opt=' option value=' I ' ' '地区[省份.值][I]'/option '；} city.innerHTML=opt}/脚本/html函数解释

首先，创建一个好的页面，然后让下拉框响应onchange事件。当下拉框的值改变时，我让onchange事件响应ld函数。此外，我还定义了一个区域的二维数组，然后搜索dom对象，根据省下拉框的值搜索二维数组中的数据行，然后循环区域内的城市拼接列表项，最后添加到城市下拉框中。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun来测试上述代码的运行效果。

关于JavaScript的更多信息，请访问本网站专题：《JavaScript操作DOM技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、0103010

希望本文对JavaScript编程有所帮助。