码迷,mamicode.com
首页 > Web开发 > 详细

省市区三级联动 js 腾讯的 直接用就行的

时间:2015-10-23 14:52:07      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:

js地址:http://ip.qq.com/js/geo.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>

看的cnblogs地址是:http://www.cnblogs.com/zjfree/archive/2013/08/20/3269864.html

省市区三级联动 js 腾讯的 直接用就行的

标签:

原文地址:http://my.oschina.net/cmliangchu/blog/521179

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!