jq之省市区级联插件

最新推荐文章于 2024-04-21 13:48:31 发布

无名`

最新推荐文章于 2024-04-21 13:48:31 发布

阅读量533

点赞数

分类专栏： jq java基础前端文章标签： javascript jquery html

本文链接：https://blog.csdn.net/wanggang182007/article/details/122420479

版权

java基础同时被 3 个专栏收录

124 篇文章 0 订阅

订阅专栏

前端

35 篇文章 0 订阅

订阅专栏

20 篇文章 0 订阅

订阅专栏

<!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
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq之省市区级联插件

<!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>&.
复制链接

扫一扫