- 资源介绍
- 更新记录
- 安装教程
jQuery全国高校三级联动下拉选择菜单代码,全国学校省市校名三级联动选择代码,数据为2016年全国高校分布。
js代码
<script src="js/AllSchool.js"></script> <script> window.onload=function(){ var provinceArray = ""; var provicneSelectStr = ""; for(var i=0,len=province.length;i<len;i++){ provinceArray = province[i]; provicneSelectStr = provicneSelectStr + "<option value='"+provinceArray[0]+"'>"+provinceArray[1]+"</option>" } $("#province").html(provicneSelectStr); var selectCity = $("#province").val(); var citylist=city[selectCity]; var cityArray = ""; var citySelectStr = ""; for(var i=0,len=citylist.length;i<len;i++){ cityArray = citylist[i]; citySelectStr = citySelectStr + "<option value='"+cityArray[0]+"'>"+cityArray[1]+"</option>" } $("#city").html(citySelectStr); var selectschool = $("#city").val(); var schoolUlStr = ""; var schoolListStr = allschool[selectschool]; for(var i=0,len=schoolListStr.length;i<len;i++){ schoolUlStr = schoolUlStr + "<option >"+schoolListStr[i][2]+"</option>"; } schoolUlStr = schoolUlStr + "<option value='999'>其它</option>"; $("#school").html(schoolUlStr); //省切换事件 $("#province").change(function(){ var selectCity = $("#province").val(); var citylist=city[selectCity]; var cityArray = ""; var citySelectStr = ""; if(citylist!=null){ for(var i=0,len=citylist.length;i<len;i++){ cityArray = citylist[i]; citySelectStr = citySelectStr + "<option value='"+cityArray[0]+"'>"+cityArray[1]+"</option>" } } $("#city").html(citySelectStr); $("#school1").show(); $("#school2").hide(); var selectschool = $("#city").val(); var schoolUlStr = ""; var schoolListStr = allschool[selectschool]; for(var i=0,len=schoolListStr.length;i<len;i++){ schoolUlStr = schoolUlStr + "<option >"+schoolListStr[i][2]+"</option>"; } schoolUlStr = schoolUlStr + "<option value='999'>其它</option>"; $("#school").html(schoolUlStr); }); //切换城市事件 $("#city").change(function(){ $("#school1").show(); $("#school2").hide(); var selectschool = $("#city").val(); var schoolUlStr = ""; var schoolListStr = allschool[selectschool]; for(var i=0,len=schoolListStr.length;i<len;i++){ schoolUlStr = schoolUlStr + "<option >"+schoolListStr[i][2]+"</option>"; } schoolUlStr = schoolUlStr + "<option value='999'>其它</option>"; $("#school").html(schoolUlStr); }); $("#school").change(function(){ if($("#school").val()=="999"){ $("#school1").hide(); $("#school2").show(); } }); $("#second").show(); $("#restart").css("backgorund","url('assets/images/chongxintijiao.jpg') no-repeat"); } </script>
猜你喜欢
-
jQuery窗口缩小总览地图定位插件效果–minimap.js
2021-02-13 -
原生js实现类似购物网站筛选页面效果
2021-02-13 -
简单实用的jQuery日期时间倒计时插件
2021-02-13 -
jQuery仿Excel表格右侧与头部固定代码
2021-02-13 -
jQuery手机端拖动滑块选值代码
2021-02-13 -
jQuery简单的九宫格幸运大抽奖代码
2021-02-13 -
jQuery模拟QQ空间相册点开大图效果
2021-02-13 -
jQuery+CSS3滑块开关按钮代码
2021-02-13 -
jquery实现缩略图边框跟随鼠标移动特效
2021-02-13 -
MUI+jQuery手机端考试答题系统代码
2021-02-13
-
jQuery仿手机新浪微博聊天界面
2021-02-13 -
jQuery带提示信息的日期日历插件
2021-02-13 -
再次推荐一款逼真的下雪效果
2021-02-13 -
jQuery+css3实现的旋转切换的幻灯效果
2021-02-13 -
jQuery按住滑块拖动到最右边验证插件
2021-02-13 -
多条件筛选下拉选择框jQuery代码
2021-02-13 -
jQuery随机抽出多个名字抽奖游戏代码
2021-02-13 -
jquery放大缩小文字导航
2021-02-13 -
jQuery自适应浏览器宽度响应式表格插件basictable
2021-02-13 -
jQuery微信手机端九宫格抽奖代码特效
2021-02-13
猜你在找
1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!lyebiz@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
优源网 » jQuery全国高校三级联动下拉选择菜单代码
优源网 » jQuery全国高校三级联动下拉选择菜单代码
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 资源不能下载?
- 2021-02-13Hi,初次和大家见面了,请多关照!