<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省市/省市区联动,自动获取选中节点值,原生js实现,有省市区编码(数据来源:国家统计局2018年最新统计),兼容IE8及以上
Jquery实现省市区/县三级联动的Javascript脚本
Select2实现全国省市区三级联动下拉菜单,基于select2实现的省市区选择,省市区数据存储在本地,可以获取到实际的值和省市区名
jQuery模拟select下拉框三级城市联动代码.zip
运用javascript实现[省、市、县(区)]的三级联动下拉框,很有帮助的源代码实例;再次巩固学习希望对你有所帮助!
js实现省市区三级联动非select下拉框版 在网上搜三级联动发现都是用option写的,突发奇想用其他方式写了一个,自我感觉效果还不错,大家感兴趣的可以看看,不说废话,大家看效果 代码如下,小白写的有点乱,大家...
本文实例为大家分享了Vue实现省市区三级联动的具体代码,供大家参考,具体内容如下 效果图: 代码: <!DOCTYPE html> <html> <head> <meta charset="GBK"> <title></title> <style> </style> ...
简介CJPCD 是一款原生开源的 javascript 插件,用于生成省市区选择器,基本用法十分简单。使用方法最简单的使用只需要两个步骤:放置容器,引入依赖<!--存放省市区数据的三个 select--> <select id=...
声明,mysql数据库的一张...javascript实现省市区三级联动 原理是根据<select>选框下的selected属性来确定上一个值被选中,确定数组下标,传递给下一个数组作为循环结束值。 这是页面未进行任何操作时的原始界面
直接引用JS即可实现省市区三级联动 <!DOCTYPE html> <title>QQ JS省市区三级联动 <!-- 直接使用QQ的省市区数据 --> <!-- <script type="text/javascript" src="http://ip.qq.com/js/geo.js"></script> --> ...
纯JS省市区联动 <script type="text/javascript" src="jsAddress.js"> 省:<select id="cmb"></select> 市:<select id="cmbCity"></select> 区:<select id="cmbArea"></select> <br /> 省:<select id=...
下拉列表联动 省市 日期 应有尽有,为了大家方便 拿出来分享 /* PCAS (Province City Area Selector 省、市、地区联动选择JS封装类) Ver 2.02 完整版 *\ 制作时间:2005-12-30 更新时间:2006-01-24 数据修正...
angular2 省市区 三级 联动组件
当我们注册一个网站,会看到省市区三级联动,下面简单介绍一下 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus:...
省市二级联动菜单 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <TITLE> 省市二级联动 <select name="shen" onchange="setshi(this.selectedIndex)"> </select> <select name="shi...
省市县三级联动,包括5大洲 <script type="text/javascript" language="javascript" src="address.js"> <select name="province"></select> <select name="city"></select> <select name="area"></select> ...
代码调用示例: <script type="text/javascript" src="jquery.js"> <script type="text/javascript" src="area.js"> $(function(){ init("province","city","area"); }); <!--这里的lang值为预设选中的数值,...
实现省市区三级下拉列表框,并且要实现联动效果。 方法一: 1.视图代码 <select class="prov" id="prov5" name="Province" data-code="@Model.Province"> </select> <select class="city" id="city5...
mobile-select移动端选择组件,支持级联(类似省市区)与非级联引入由于组件用到了modernizr的prefixed功能,所以需要引入modernizr.js<link rel="stylesheet" href="index.css">[removed][removed][removed]...