Heim >Backend-Entwicklung >PHP-Tutorial >个人比较喜欢用的省市联动，个人省市联动_PHP教程

个人比较喜欢用的省市联动，个人省市联动_PHP教程

WBOYOriginal: 2016-07-12 08:57:58954Durchsuche

个人比较喜欢用的省市联动，个人省市联动

这是使用QQ网站用的js来实现省市区三级联动的。引用非常方便

前台：

<!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 onload=<span>"</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 onclick=<span>"</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/

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：zend framework中使用memcache的方法，zendmemcache_PHP教程Nächster Artikel：PHP截取IE浏览器并缩小原图的方法，php截取ie原图_PHP教程

In Verbindung stehende Artikel

Mehr sehen