程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> 個人比較喜歡用的省市聯動,個人省市聯動

個人比較喜歡用的省市聯動,個人省市聯動

編輯:關於PHP編程

個人比較喜歡用的省市聯動,個人省市聯動


這是使用QQ網站用的js來實現省市區三級聯動的。引用非常方便

前台:

<!DOCTYPE html>
<html>
<head>
<title>QQ JS省市區三級聯動</title>
<!-- 直接使用QQ的省市區數據 -->
<!--
<script type="text/javascript" src="http://ip.qq.com/js/geo.js"></script>
-->
<script type="text/javascript" src="geo.js"></script>
</head>
<body onload="setup();preselect('陝西省');promptinfo();">
        <form>
            <select class="select" name="province" id="s1">
              <option></option>
            </select>
            <select class="select" name="city" id="s2">
              <option></option>
            </select>
            <select class="select" name="town" id="s3">
              <option></option>
            </select>
            <input id="address" name="address" type="hidden" value="" />
          <input onclick="alert(document.getElementById('address').value); return false;" type="submit" value="提交" />
        </form>
<script>

//這個函數是必須的,因為在geo.js裡每次更改地址時會調用此函數
function promptinfo()
{
    var address = document.getElementById('address');
    var s1 = document.getElementById('s1');
    var s2 = document.getElementById('s2');
    var s3 = document.getElementById('s3');
    address.value = s1.value + s2.value + s3.value;
}

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

後台用的是js。

實例下載:http://files.cnblogs.com/zjfree/qqJsAddress.rar

原文鏈接: http://www.cnblogs.com/zjfree/

 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved