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

Posted 厚德载物

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了个人比较喜欢用的省市联动相关的知识,希望对你有一定的参考价值。

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

 

以上是关于个人比较喜欢用的省市联动的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 实现三级联动-省市区

微信小程序省市联动

vue中使用vant-UI实现移动端自定义省市区三级联动

第117天:Ajax实现省市区三级联动

省市县结合身份证号6位码的三级联动

将省市县三级联动的json数据,转化为element-ui能用的格式,并使用