개인적으로는 도-도 연계 방식을 선호합니다.-PHP 튜토리얼-php.cn

개인적으로는 도-도 연계 방식을 선호합니다.

WBOY

풀어 주다： 2016-07-29 09:00:25

원래의

1086명이 탐색했습니다.

QQ 홈페이지에서 사용하는 js를 활용하여 도, 자치단체의 3단계 연계를 구현하기 위한 것입니다. 인용은 매우 편리합니다

프론트 데스크 :

<!DOCTYPE html>
<html>
<head>
<title>QQ JS省市区三级联动</title>
<!-- 直接使用QQ的省市区数据 -->
<!--
<script type=<span>"</span><span>text/javascript</span><span>"</span> src=<span>"</span><span>http://ip.qq.com/js/geo.js</span><span>"</span>></script>
-->
<script type=<span>"</span><span>text/javascript</span><span>"</span> src=<span>"</span><span>geo.js</span><span>"</span>></script>
</head>
<body >"</span><span>setup();preselect('陕西省');promptinfo();</span><span>"</span>>
        <form>
            <<span>select</span><span>class</span>=<span>"</span><span>select</span><span>"</span> name=<span>"</span><span>province</span><span>"</span> id=<span>"</span><span>s1</span><span>"</span>>
              <option></option>
            </<span>select</span>>
            <<span>select</span><span>class</span>=<span>"</span><span>select</span><span>"</span> name=<span>"</span><span>city</span><span>"</span> id=<span>"</span><span>s2</span><span>"</span>>
              <option></option>
            </<span>select</span>>
            <<span>select</span><span>class</span>=<span>"</span><span>select</span><span>"</span> name=<span>"</span><span>town</span><span>"</span> id=<span>"</span><span>s3</span><span>"</span>>
              <option></option>
            </<span>select</span>>
            <input id=<span>"</span><span>address</span><span>"</span> name=<span>"</span><span>address</span><span>"</span> type=<span>"</span><span>hidden</span><span>"</span> value=<span>""</span> />
          <input >"</span><span>alert(document.getElementById('address').value); return false;</span><span>"</span> type=<span>"</span><span>submit</span><span>"</span> value=<span>"</span><span>提交</span><span>"</span> />
        </form>
<script>

<span>//</span><span>这个函数是必须的，因为在geo.js里每次更改地址时会调用此函数</span><span>function promptinfo()
{
    </span><span>var</span> address = document.getElementById(<span>'</span><span>address</span><span>'</span><span>);
    </span><span>var</span> s1 = document.getElementById(<span>'</span><span>s1</span><span>'</span><span>);
    </span><span>var</span> s2 = document.getElementById(<span>'</span><span>s2</span><span>'</span><span>);
    </span><span>var</span> s3 = document.getElementById(<span>'</span><span>s3</span><span>'</span><span>);
    address.value </span>= s1.value + s2.value +<span> s3.value;
}

</span></script>
</body>
</html>

로그인 후 복사

백엔드는 js를 사용합니다.

인스턴스 다운로드: http://files.cnblogs.com/zjfree/qqJsAddress.rar

원본 링크: http://www.cnblogs.com/zjfree/

위 내용은 관련 내용을 포함하여 제가 개인적으로 즐겨 사용하는 시·도 연계를 소개한 내용으로, PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되었으면 좋겠습니다.