分享：一款【省-市-区】地址控件的使用[1]

依赖于jQuery

演示：http://sandbox.runjs.cn/show/fpfjo3gu

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>地址控件</title>
	<link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/294/c4c2o6mh/base.css">
	<link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/294/c4c2o6mh/areaSelect.css">
	<script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/294/c4c2o6mh/jquery.js"></script>
	<script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/294/c4c2o6mh/areaSelect.js"></script>
</head>
<body>
	
	<!-- input与div的id需要在js中配置，data-action（自定义属性）是索引号，从0开始 -->
	<!-- 
				在areaSelect.js中添加“#consignoraddress”与"#consigneeAddr"
				$txtId = ["#startAreaId", "#endAreaId","#startFaId","#startShouId","#consignoraddress","#consigneeaddress"],
				areaID = ["#startArea", "#endArea","#startFa","#startShou","#consignoraAddr","#consigneeAddr"];
	-->
	起始地：<input id="consignoraddress"  data-action="4" type="text">
 				 <div id="consignoraAddr" class="area-tab"></div>
	
	<script>
   		//初始化操作 
			ZXB.AreaQuery.areaSelects.init();
	</script>
</body>
</html>


posted on 2014-11-12 14:36  云贤力  阅读(227)  评论(0)  编辑  收藏  举报

导航