个人比较喜欢用的省市联动，个人省市联动
- WBOY原创
- 2016-06-13 08:45:10859浏览
个人比较喜欢用的省市联动，个人省市联动
这是使用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/
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn