JavaScript China城市联动

                              中国全城市的地址省,市,县

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title><script src="jquery.js"></script><script src="json.js"></script><script src="citySet.js"></script><style type="text/css">* {-ms-word-wrap: break-word;word-wrap: break-word;}html {-webkit-text-size-adjust: none;text-size-adjust: none;}html,body {height: 100%;width: 100%;}html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,iframe,textarea,input,button,p,strong,b,i,a,span,del,pre,table,tr,th,td,form,fieldset,.pr,.pc {margin: 0;padding: 0;word-wrap: break-word;font-family: verdana, Microsoft YaHei, Tahoma, sans-serif;*font-family: Microsoft YaHei, verdana, Tahoma, sans-serif;}body,ul,ol,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,.pr,.pc,em,del {font-style: normal;font-size: 100%;}ul,ol,dl {list-style: none;}._citys {width: 450px;display: inline-block;border: 2px solid #eee;padding: 5px;position: relative;}._citys span {color: #56b4f8;height: 15px;width: 15px;line-height: 15px;text-align: center;border-radius: 3px;position: absolute;right: 10px;top: 10px;border: 1px solid #56b4f8;cursor: pointer;}._citys0 {width: 100%;height: 34px;display: inline-block;border-bottom: 2px solid #56b4f8;padding: 0;margin: 0;}._citys0 li {display: inline-block;line-height: 34px;font-size: 15px;color: #888;width: 80px;text-align: center;cursor: pointer;}.citySel {background-color: #56b4f8;color: #fff !important;}._citys1 {width: 100%;display: inline-block;padding: 10px 0;}._citys1 a {width: 83px;height: 35px;display: inline-block;background-color: #f5f5f5;color: #666;margin-left: 6px;margin-top: 3px;line-height: 35px;text-align: center;cursor: pointer;font-size: 13px;overflow: hidden;}._citys1 a:hover {color: #fff;background-color: #56b4f8;}.AreaS {background-color: #56b4f8 !important;color: #fff !important;}body {background: yellowgreen;}input {width: 300px;height: 50px;}</style>
</head><body><div style="width:400px; margin:100px auto;"><input type="text" id="city" placeholder="请选择鸭~"></div><script type="text/javascript">$("#city").click(function(e) {SelCity(this, e);});</script></body>

JavaScript China城市联动相关推荐

原生JavaScript实现城市二级三级联动
原生JavaScript实现城市二级三级联动一,HTML代码 <select id="province" onchange="chooseProvince(th ...
通过城市联动实时将地址显示到text中
<div class="form-group field-supplier-sort <?php if($model->getErrors('province_id') | ...
省份城市联动多选
实现省份城市联动,多选(checkbox) <!DOCTYPE html> <html> <head> <meta http-equiv="Cont ...
js实现全国三级城市联动select选择
/* * 全国三级城市联动 js版 */ function Dsy(){this.Items = {}; } Dsy.prototype.add = function(id,iArray){this. ...
JavaScript实现二级联动(省市、楼栋)
二级联动在实际需求中使用的非常多,比如省市,楼栋等,所以我们应当也应该掌握这些前端知识. 实现效果: 利用JavaScript实现二级联动要实现JavaScript二级联动效果,首先要确定需要哪些技 ...
利用JavaScript实现二级联动
利用JavaScript实现二级联动要实现JavaScript二级联动效果,首先要确定需要哪些技术: 二维数组 for in循环 new Option(text,value,true,true) a ...
php ajax城市联动,php+ajax 城市联动
jquery-1.8.0.min.js 自己下载 /* 表结构 -- -- 表的结构 `web_city` -- CREATE TABLE IF NOT EXISTS `web_city` ( `i ...
Javascript 实现城市选择控件
本篇博文主要介绍使用Javascript实现城市选择: 首先是JSP的内容,如下所示: <%@ page language="java" import="java. ...
事件练习正反选，二级城市联动，下拉菜单练习
正反选 [HTML页面] <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...

JavaScript China城市联动

JavaScript China城市联动相关推荐

最新文章

热门文章