js省市县三级联动效果实例

本文实例讲述了射流研究…实现简单的省市县三级联动效果。分享给大家供大家参考，具体如下：

效果图：

实现代码：

html health eta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title城市三级联动/title style type=' text/CSS ' * { padd :0；margin:0}html，body { height : } 100%；宽度： 100%;相对位置：font-size :14 px}.城市{ margin:20px 200px}。选择框{高：50像素宽度宽度：500像素背景技术： # 999;}.选择框选择高度：30像素宽度宽度：120像素右边距：10 pxborder:1px固体# 999;线高：30 px}/style/head dy div class=' city ' p效果1:设置省市县不同的默认项/p div id=' selectbox 1 ' class=' selectbox '/div/div class=' city ' p效果1:设置省市县相同默认项/p div id=' select box 2 ' class=' select box '/div/div class=' city ' p效果2:只显示省份，省份选择后显示城市选择，县选择同理/p div id=' selectbox 3 ' class=' selectbox '/div/div/body脚本类型=' text/JavaScript '窗口。onload=function(){//效果一三级联动新的TbdCityChoice({ id : ' select box 1 '，type:1，province: '请选择省份， '请选择市，城镇： '请选择县，name :[' name 1 '，' name2 '，' name3']，changeend:function(p，c，t){ }}).init()；//效果一三级联动新的TbdCityChoice({ id : ' select box 2 '，type:1，province: '请选择， '请选择，城镇： '请选择，名称：['名称4 ','名称5 ','名称6']，changend :函数(p，c，t){ alert('省：' p '市：' c '县：' t)；//根据返回做其他处理}}).init()；//效果2三级联动新的TbdCityChoice({ id : '选择框3 '，类型：2，省： '请选择省份， '请选择市，城镇： '请选择县，name :[' name 7 '，' name8 '，' name9']，changeend:function(p，c，t){ }}).init()；};/script脚本类型=' text/JavaScript '/* args。编号根idargs.type类型一是全部显示啊。省份省份默认内容城市市默认内容阿格斯镇县默认内容参数.名称名称设置args.changeend(p，c，t)变化后的回调函数，返回对应省份城市县*/函数TbdCityChoice(args){ this。rootele=文档。getelementbyid(args。id)；这个。type=args。类型；这个。省份=args。省份；这个。city=args。城市；这个。城镇=args。城镇；这个。命名空间=参数。名称[0]；这个。name city=args。姓名[1]；this.nametown=args.names