個人比較喜歡用的省市連動
- WBOY原創
- 2016-07-29 09:00:251068瀏覽
這是使用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 >"</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教程有興趣的朋友有所幫助。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn