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

前端  /  管理员 发布于 5年前   1323

html,bootstrap省市区三级联动

html:

<!-- 省市区三级插件 -->
<!--demo4:-->
<div style="text-align: center;padding: 5px;font-size: 20px;">
  <p>
   <span>省市区联动：</span>
    <select id="province" onchange="changeSelect(this);">
        <option value="000000" style="color:#999;" disabled="disabled" >-请选择省-</option>
    </select>
    <select id="city" onchange="changeSelect(this);">
        <option value="000000" style="color:#999;" disabled="disabled" >-请选择市-</option>
    </select>
    <select id="district">
        <option value="000000" style="color:#999;" disabled="disabled">-请选区-</option>
    </select>
  </p>
</div>

js:

<!-- 省市区三级插件 -->
<script type="text/javascript" src="https://www.zongscan.com/public/static/home/js/ssq.js"></script>

这个js是有用的，可以直接复制下载