Bootstrap实现省市区三级联动(亲测可用)

网络编程 2024/12/27 佚名

3 2 1

幽灵资源网 Design By www.bzswh.com

bootstrap三级联动很常用，必备

本文实例就为大家分享了Bootstrap实现省市区三级联动的具体代码，供大家参考，具体内容如下

html页面

<!-- 省市区三级联动 begin -->
  <div class="form-group">
   <label class="col-sm-2 control-label"><i>*</i>所在地址</label>
   <div class="col-sm-3">
    <select name="input_province" id="input_province" class="form-control" >
     <option value="">--请选择--</option>
    </select>
   </div>
   <div class="col-sm-3">
    <select name="input_city" id="input_city" class="form-control">
     <option value=""></option>
    </select>
   </div>
   <div class="col-sm-3">
    <select name="input_area" id="input_area" class="form-control">
     <option value=""></option>
    </select>
   </div>
  </div>

<!-- 省市区三级联动 end-->

js部分

<script type="text/javascript" src="/UploadFiles/2021-04-02/address.js">

我把js文件给上传上来了，点击这里

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

Bootstrap省市区三级联动,Bootstrap三级联动,Bootstrap省市区联动

标签：