-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdistrict.html
39 lines (38 loc) · 1.54 KB
/
district.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<title>framework | unknown @action comments</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- bootstrap -->
<link href="https://getbootstrap.com/docs/4.1/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery -->
<script src="jquery-2.2.0.min.js"></script>
<!-- district -->
<script src="districts.chinese.min.js"></script>
<script src="district.js"></script>
<script type="text/javascript">
$(function(){
$('[name=province_code],[name=city_code],[name=country_code]').district({
data:ChineseDistricts
});
});
</script>
</head>
<body class="skin-purple hold-transition sidebar-mini sidebar-collapse-disabled">
<div class="form-group">
<label class="col-sm-2 control-label"><span class="text-red">*</span>省市区-县</label>
<div class="col-sm-4">
<select class="form-control" name="province_code" rel-target="[name=city_code]" rel-option="130000" data-placeholder="请选择省/直辖市"></select>
</div>
<div class="col-sm-3">
<select class="form-control" name="city_code" rel-target="[name=country_code]" rel-option="130100" data-placeholder="请选择市/区"></select>
</div>
<div class="col-sm-3">
<select class="form-control" name="country_code" rel-option="130123" data-placeholder="请选择县"></select>
</div>
</div>
</body>
</html>