爱程序网

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

来源: 阅读:

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

 

相关文章列表:
关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助