邮件咨询
电话咨询
QQ 咨询
微信咨询
建站咨询 
地址选择的应用很广泛，很多人为这个发愁，我们今天就谈下做四级地址的选择，根据省份、城市、区县、乡镇、村庄，选择地址。选择时，优先以最具体的行政区为准，即：村庄最优先，省份最后。
下面我们写了个demo，不多废话，直接上代码：
运行效果如下:<div class="col-md-12"> <h3>普通省市区(县)街道联动选择样式</h3> <form role="form"> <div class="form-group"> <label for="province">省</label> <select id="province" class="form-control" onchange="getRegion(this.value,1)"> <option>请选择省</option> </select> <label for="city">市</label> <select id="city" class="form-control" onchange="getRegion(this.value,2)"> <option>请选择市</option> </select> <label for="district">区(县)</label> <select id="district" class="form-control" onchange="getRegion(this.value,3)"> <option>请选择区(县)</option></select> <label for="street">街道</label> <select id="street" class="form-control"> <option>请选择街道</option></select> </div></form></div> <script> var regionId = ['#province', '#city', '#district', '#street']; var regionHtml = ['请选择省', '请选择市', '请选择区(县)', '请选择街道']; $(function () {getRegion(0, 0); }); function getRegion(parent_id, level) { clearSon(level); var html = '<option value="-1">' + regionHtml[level] + '</option>'; $.post( 'http://aaa.lushengcloud.cn/Jk/Sjapi/sjdz', {parent_id: parent_id, level: level,token:'rS1FxMWq2xG4n4tyQ12324xMWq2x'}, function (result) { $.each(result, function (index, item) { html += '<option value="' + item.id + '">' + item.name + '</option>' }); $(regionId[level]).html(html); });} function clearSon(level) { for (var i = level + 1; i <= 4; i++) { var html = '<option value="-1">' + regionHtml[i] + '</option>'; $(regionId[i]).html(html); } } </script>
觉得不错的话可以收藏这个页面，此代码可以直接复制引用，很方便！普通省市区(县)街道联动选择样式
