首页网页制作网络编程脚本专栏数据库网站运营网络安全平面设计 CMS教程

javascript支持区号输入的省市二级联动下拉菜单

所属分类：网络编程 / JavaScript 阅读数： 1109

收藏 0赞 0分享

省市二级联动下拉菜单,增加了区号输入.多组选项共用一组数据.
选择地区,可以获取区号,填写区号自动选取地区.
某些地市的区号收集中.

<span onclick="inti(0)"> <select name=azone id="azone" onChange="this.value=this.options[this.selectedIndex].value;altcls();inps.value=optn.options[0].value;"> <option value="省份" disabled="disabled">省份</option> </select> <select name=cls id="cls" onChange="if(this.options[0].text!='选择城区')inps.value=this.options[this.selectedIndex].value;"> <option value=0>选择城区</option> </select> <input type="text" id="inps" name="inps" size="5" value="" onkeyup="if(this.value.length>1)inti(0);findarea();"> </span>  <span onclick="inti(1)"> <select name=azone id="azone1" onChange="this.value=this.options[this.selectedIndex].value;altcls();inps.value=optn.options[0].value;"> <option value="省份" disabled="disabled">省份</option> </select> <select name=cls id="cls1" onChange="if(this.options[0].text!='选择城区')inps.value=this.options[this.selectedIndex].value;"> <option value=0>选择城区</option> </select> <input type="text" id="inps1" name="inps" size="5" value="" onkeyup="if(this.value.length>1)inti(1);findarea();"> </span>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

解决Layui 表格自适应高度的问题

今天小编就为大家分享一篇解决Lyaui 表格自适应高度的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

收藏 0赞 0分享

laravel+vue组合的项目中引入ueditor方式(打包成组件形式)

今天小编就为大家分享一篇laravel+vue组合的项目中引入ueditor方式(打包成组件形式)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

收藏 0赞 0分享

JavaScript定时器常见用法实例分析

这篇文章主要介绍了JavaScript定时器常见用法,结合实例形式分析了JavaScript定时器常见功能、应用及相关操作技巧,需要的朋友可以参考下

收藏 0赞 0分享

NodeJs crypto加密制作token的实现代码

这篇文章主要介绍了NodeJs crypto加密制作token的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

收藏 0赞 0分享

Javascript 类型转换、封闭函数及常见内置对象操作示例

这篇文章主要介绍了Javascript 类型转换、封闭函数及常见内置对象操作,结合实例形式分析了JavaScript类型显示转换、隐式转换、变量作用域、封闭函数及常用内置对象相关操作技巧,需要的朋友可以参考下

收藏 0赞 0分享

详解Angular Karma测试的持续集成实践

这篇文章主要介绍了详解Angular Karma测试的持续集成实践，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

收藏 0赞 0分享

taro小程序添加骨架屏的实现代码

这篇文章主要介绍了taro小程序添加骨架屏的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

收藏 0赞 0分享

create-react-app中添加less支持的实现

这篇文章主要介绍了react.js create-react-app中添加less支持的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

收藏 0赞 0分享

微信小程序自定义头部导航栏(组件化)

这篇文章主要为大家详细介绍了微信小程序自定义头部导航栏，胶囊按钮，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

收藏 0赞 0分享

在node环境下parse Smarty模板的使用示例代码

这篇文章主要介绍了在node环境下parse Smarty模板的使用示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

收藏 0赞 0分享

查看更多

网络赚钱

更多

站长故事

更多

建站极客

合作伙伴

在线工具

网站地图

建站极客移动版

聚合全网技术文章，根据你的阅读喜好进行个性推荐

© 2012 - 2020 zhanzhang360.cn Some Rights Reserved.

沪ICP备13040166号-18