jq之省市区级联插件
生活随笔
收集整理的這篇文章主要介紹了
jq之省市区级联插件
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>省市區(qū)</title><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
</head>
<body>
<div data-toggle="distpicker" class="form-inline" id="distpicker1"><select class="form-control" data-province="---- 選擇省 ----"></select><select class="form-control" data-city="---- 選擇市 ----"></select><select class="form-control" data-district="---- 選擇區(qū) ----"></select>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="distpicker.data.js"></script>
<script src="distpicker.js"></script>
<script>$("#distpicker1").distpicker( {/*默認(rèn)第一行直接出現(xiàn)哪個(gè)省城市區(qū)*//* placeholder: false*//*默認(rèn)第一行選擇省選擇市選擇區(qū)*/autoSelect: false});
</script>
</body>
</html>
總結(jié)
以上是生活随笔為你收集整理的jq之省市区级联插件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jq之事件
- 下一篇： C语言 十进制和十六进制相互转换 - C