<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>省市区</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="---- 选择区 ----"></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( {
/*默认第一行直接出现哪个省城市区*/
/* placeholder: false*/
/*默认第一行选择省选择市选择区*/
autoSelect: false
});
</script>
</body>
</html> 0
点赞
收藏
分享
jq之省市区级联插件
相关推荐
0 条评论
