search

Home  >  Article  >  php教程  >  个人比较喜欢用的省市联动，个人省市联动

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

WBOY
WBOYOriginal
2016-06-13 08:45:10860browse

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

这是使用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/

 

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：zend framework中使用memcache的方法，zendmemcacheNext article：PHP截取IE浏览器并缩小原图的方法，php截取ie原图

Related articles

See more