`

中国省市区select联动JavaScript代码与使用方法

阅读更多
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>纯JS省市区联动 select </title>

    <!-- 载入js文件,文件下载在附件有 -->
    <script src="javascrip/jsAddress.js" type="text/javascript"></script>
</head>
       <body>
	<select id="cmbProvince" name="cmbProvince" runat ="server" ></select><span>省</span>
	<select id="cmbCity" name ="cmbCity" runat ="server" ></select><span>市</span>     
	<select id="cmbArea" name ="cmbArea" runat ="server" ></select><span>区</span>
	<script type="text/javascript">
      		addressInit('cmbProvince', 'cmbCity', 'cmbArea');
	</script>
       </body>
</html>

 

分享到:
评论

相关推荐

    js 省市区联动 纯javascript 可与select2等ui配合使用

    原生js省市/省市区联动,自动获取选中节点值,原生js实现,有省市区编码(数据来源:国家统计局2018年最新统计),兼容IE8及以上

    Jquery实现省市区/县三级联动的Javascript脚本

    Jquery实现省市区/县三级联动的Javascript脚本

    Select2实现全国省市区三级联动下拉菜单

    Select2实现全国省市区三级联动下拉菜单,基于select2实现的省市区选择,省市区数据存储在本地,可以获取到实际的值和省市区名

    jQuery模拟select下拉框三级城市联动代码.zip

    jQuery模拟select下拉框三级城市联动代码.zip

    JavaScript(select)实现[省市县]的三级联动_源码

    运用javascript实现[省、市、县(区)]的三级联动下拉框,很有帮助的源代码实例;再次巩固学习希望对你有所帮助!

    【JavaScript源代码】js实现省市区三级联动非select下拉框版.docx

    js实现省市区三级联动非select下拉框版  在网上搜三级联动发现都是用option写的,突发奇想用其他方式写了一个,自我感觉效果还不错,大家感兴趣的可以看看,不说废话,大家看效果 代码如下,小白写的有点乱,大家...

    【JavaScript源代码】Vue实现省市区三级联动.docx

     本文实例为大家分享了Vue实现省市区三级联动的具体代码,供大家参考,具体内容如下 效果图: 代码: &lt;!DOCTYPE html&gt;  &lt;html&gt;   &lt;head&gt; &lt;meta charset="GBK"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; &lt;/style&gt; ...

    省市区三级联动插件CJPCD.zip

    简介CJPCD 是一款原生开源的 javascript 插件,用于生成省市区选择器,基本用法十分简单。使用方法最简单的使用只需要两个步骤:放置容器,引入依赖&lt;!--存放省市区数据的三个 select--&gt; &lt;select id=...

    省市区3级联动

    声明,mysql数据库的一张...javascript实现省市区三级联动 原理是根据&lt;select&gt;选框下的selected属性来确定上一个值被选中,确定数组下标,传递给下一个数组作为循环结束值。 这是页面未进行任何操作时的原始界面

    从QQ网站中提取的纯JS省市区三级联动

    直接引用JS即可实现省市区三级联动 &lt;!DOCTYPE html&gt; &lt;title&gt;QQ JS省市区三级联动 &lt;!-- 直接使用QQ的省市区数据 --&gt; &lt;!-- &lt;script type="text/javascript" src="http://ip.qq.com/js/geo.js"&gt;&lt;/script&gt; --&gt; ...

    省市县三级联动

    纯JS省市区联动 &lt;script type="text/javascript" src="jsAddress.js"&gt; 省:&lt;select id="cmb"&gt;&lt;/select&gt; 市:&lt;select id="cmbCity"&gt;&lt;/select&gt; 区:&lt;select id="cmbArea"&gt;&lt;/select&gt; &lt;br /&gt; 省:&lt;select id=...

    select 下拉列表联动 省市 日期 简单易用

    下拉列表联动 省市 日期 应有尽有,为了大家方便 拿出来分享 /* PCAS (Province City Area Selector 省、市、地区联动选择JS封装类) Ver 2.02 完整版 *\  制作时间:2005-12-30  更新时间:2006-01-24  数据修正...

    angular2省市区三级联动组件

    angular2 省市区 三级 联动组件

    javascript实现简单的省市区三级联动

    当我们注册一个网站,会看到省市区三级联动,下面简单介绍一下 &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="Generator" content="EditPlus:...

    仿做省市二级联动菜单

    省市二级联动菜单 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;TITLE&gt; 省市二级联动 &lt;select name="shen" onchange="setshi(this.selectedIndex)"&gt; &lt;/select&gt; &lt;select name="shi...

    省市县三级联动,包括5大洲

    省市县三级联动,包括5大洲 &lt;script type="text/javascript" language="javascript" src="address.js"&gt; &lt;select name="province"&gt;&lt;/select&gt; &lt;select name="city"&gt;&lt;/select&gt; &lt;select name="area"&gt;&lt;/select&gt; ...

    jquery省市区县三级联动-支持预设默认值;

    代码调用示例: &lt;script type="text/javascript" src="jquery.js"&gt; &lt;script type="text/javascript" src="area.js"&gt; $(function(){ init("province","city","area"); }); &lt;!--这里的lang值为预设选中的数值,...

    省市区三级联动下拉框菜单javascript版

    实现省市区三级下拉列表框,并且要实现联动效果。 方法一: 1.视图代码 &lt;select class="prov" id="prov5" name="Province" data-code="@Model.Province"&gt; &lt;/select&gt; &lt;select class="city" id="city5...

    mobile-select:移动端选择组件,支持级联(类似省市区)与非级联

    mobile-select移动端选择组件,支持级联(类似省市区)与非级联引入由于组件用到了modernizr的prefixed功能,所以需要引入modernizr.js&lt;link rel="stylesheet" href="index.css"&gt;[removed][removed][removed]...

Global site tag (gtag.js) - Google Analytics