javascript实现二级级联菜单的简单制作

本文实例讲述了爪哇岛描述语言实现二级级联菜单的简单制作方法。分享给大家供大家参考。具体如下：运行效果截图如下：

具体代码如下：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML head title/title meta http-equiv=' pragma ' content=' no-cache ' meta http-equiv=' cache-control ' content=' no-cache ' meta http-equiv=' expires ' content=' 0 ' meta http-equiv=' keyword ' content='关键字1，keyword2，关键字3 ' meta http-equiv=' description ' content='这是我的页面'脚本././js/jquery-1。11 .1 .js/'脚本样式类型='text/css ' .body _ tag { width : 100%；高度： 100%;}/样式脚本类型=' text/JavaScript '/* * * * */function省份(){ var ProName=$(' # Arename ').val()；$('#city ').empty()；$('#city ').追加('选项值='0 '全部/option ')；if(proName=='1') { $('#city ').追加('选项值='1 '广州市/option“”选项值='2 '深圳市/option“”选项值='3 '中山市/option ')；} if(proName=='2') { $('#city ').追加('选项值='1 '武汉市/option“”选项值='2 '黄石市/option“”选项值='3 '黄冈市/option ')；} }/script/head body class=' body _ tag ' table id=' tab ' tr TD标签为=' Arename '省份：/label选择id=' Arename ' on change='省份()'选项值='0 '全国/option选项值='1 '广东/option选项值='2 '湖北/option/选择标签=城市地市：/label select id='city '选项值='0 '全部/选项/选择/TD/tr/表格/正文/html希望本文所述对大家学习爪哇岛描述语言程序设计有所帮助。