jQuery 팝업 드롭다운 상자 지방 및 시 3단계 연계 선택

代码文段：

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/Popt.js"></script>
<script type="text/javascript" src="js/city.json.js"></script>
<script type="text/javascript" src="js/citySet.js"></script>

<style type="text/css">
* { -ms-word-wrap: 중단 단어; word-wrap: break-word; }
html { -webkit-text-size-adjust: 없음; 텍스트 크기 조정: 없음; }
HTML, 본문 {높이:99%;너비:99%; }
.wrap{너비:464px;높이:34px;마진:20px 자동;테두리:0;위치:상대적;}
.input{position:absolute;top:0;left:0;width:457px;margin:0;padding-left:5px;height:30px;line-height:30px;font-size:12px;border:1px solid # c9cacb;}
s{위치:절대;상단:1px;오른쪽:0;너비:32px;높이:32px;배경:url("img/arrow.png") 반복 없음;}
._citys { 너비: 450px; 디스플레이: 인라인 블록; 테두리: 2px 단색 #eee; 패딩: 5px; 위치: 상대; }
._citys 범위 { 색상: #05920a; 높이: 15px; 너비: 15px; 줄 높이: 15px; 텍스트 정렬: 중앙; 테두리 반경: 3px; 위치: 절대; 오른쪽: 10px; 상단: 10px; 테두리: 1px 솔리드 #05920a; 커서: 포인터; }
._citys0 { 너비: 95%; 높이: 34px; 줄 높이: 34px; 디스플레이: 인라인 블록; 테두리 하단: 2px 솔리드 #05920a; 패딩: 0px 5px; 글꼴 크기:14px; 글꼴 두께:굵게; 여백-왼쪽:6px; }
._citys0 li { 디스플레이: 인라인 블록; 줄 높이: 34px; 글꼴 크기: 15px; 색상: #888; 너비: 80px; 텍스트 정렬: 중앙; 커서: 포인터; }
._citys1 { 너비: 100%; 디스플레이: 인라인 블록; 패딩: 10px 0; }
._citys1 a { 너비: 83px; 높이: 35px; 디스플레이: 인라인 블록; 배경색: #f5f5f5; 색상: #666; 여백 왼쪽: 6px; 여백 상단: 3px; 줄 높이: 35px; 텍스트 정렬: 중앙; 커서: 포인터; 글꼴 크기: 12px; 테두리 반경: 5px; 오버플로: 숨김; }
._citys1 a:hover { 색상: #fff; 배경색: #05920a; }
.AreaS { 배경색: #05920a !중요; 색상: #fff !중요; }