摘自淘宝的js地区组件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://a.tbcdn.cn/tbra/1.0/tbra-aio.js"></script>
<script type="text/javascript" src="http://www.taobao.com/home/js/sys/districtselector.js"></script> <p>
<label>地区:</label>
<form method="get">
<select name="province" id="J_redstar_province"></select>
<select name="city" id="J_redstar_city"></select>
<select name="area" id="J_redstar_area"></select>
<br/>
<input type="submit"><span>点击提交后传递的是地区对应的code码</span>
<form>
</p> <script type="text/javascript">
(function(){
var Y = YAHOO.util;
var provSel = Y.Dom.get('J_redstar_province');
var citySel = Y.Dom.get('J_redstar_city');
var distSel = Y.Dom.get('J_redstar_area');
var cv = TB.form.DistrictSelector.attach('J_redstar_province', 'J_redstar_city', 'J_redstar_area');
})();
//根据code码获取具体地区的代码
alert(TB.form.DistrictSelector._tb_ds_data[310101][0]);
</script> </body>
</html>

正在做的一个系统需要一个前端的地区组件,刚好发现淘宝网上有,凭着开源共享的精神,就从页面上摘下来了~

网上也有这个组件比较老的版本,但是关于根据code获取对应地区的代码比较麻烦,所以改写了下

ps.本代码摘自淘宝网,分享仅供学习交流使用

上一篇:loj10017. 「一本通 1.2 练习 4」传送带(三分套三分)


下一篇:WCF入门教程(三)属性标签