当前位置:网站首页>Select drop-down box realizes three-level linkage of provinces and cities in China
Select drop-down box realizes three-level linkage of provinces and cities in China
2022-07-05 12:07:00 【**inevitable**】
JS Select The drop-down box realizes the three-level linkage of provinces and cities in China
Linkage effect
Take Inner Mongolia Autonomous Region as an example
distpicker.js The resource acquisition
https://pan.baidu.com/s/1S17KyRmPfz6WYaYUV1kkuw
Extraction code :7rjv
HTML structure
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title> Multi level linkage in urban areas of China </title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
crossorigin="anonymous">
<style>
.test {
border: 1px solid red;
width: 600px;
height: 100px;
margin: 200px 450px;
}
.form-inline {
margin-left: 35px;
margin-top: 25px;
}
</style>
</head>
<body>
<div class="test">
<form class="form-inline">
<div data-toggle="distpicker">
<select class="form-control" data-province="---- Select Province ----"></select>
<select class="form-control" data-city="---- Choose the city ----"></select>
<select class="form-control" data-district="---- Selection area ----"></select>
</div>
</form>
</div>
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" crossorigin="anonymous"></script>
<script src="./js/distpicker.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" crossorigin="anonymous">
</script>
</body>
</html>
Pay attention to the introduction of distpicker.js The path of , Just change to your own path
边栏推荐
- 【yolov3损失函数】
- 查看多台机器所有进程
- 自动化测试生命周期
- How to protect user privacy without password authentication?
- Acid transaction theory
- Intern position selection and simplified career development planning in Internet companies
- HiEngine:可媲美本地的云原生内存数据库引擎
- Open3D 欧式聚类
- redis主从中的Master自动选举之Sentinel哨兵机制
- 15 methods in "understand series after reading" teach you to play with strings
猜你喜欢
[untitled]
Yolov5 target detection neural network -- calculation principle of loss function
pytorch-多层感知机MLP
【无标题】
Redis master-slave mode
1 plug-in to handle advertisements in web pages
Linux Installation and deployment lamp (apache+mysql+php)
How to protect user privacy without password authentication?
[pytorch pre training model modification, addition and deletion of specific layers]
互联网公司实习岗位选择与简易版职业发展规划
随机推荐
vscode快捷键
7月华清学习-1
Open3d mesh (surface) coloring
Redis集群(主从)脑裂及解决方案
[pytorch modifies the pre training model: there is little difference between the measured loading pre training model and the random initialization of the model]
byte2String、string2Byte
Thoughts and suggestions on the construction of intelligent management and control system platform for safe production in petrochemical enterprises
嵌入式软件架构设计-消息交互
pytorch-权重衰退(weight decay)和丢弃法(dropout)
iTOP-3568开发板NPU使用安装RKNN Toolkit Lite2
【L1、L2、smooth L1三类损失函数】
redis主从模式
Pytorch linear regression
[yolov3 loss function]
ACID事务理论
yolov5目標檢測神經網絡——損失函數計算原理
Codeforces Round #804 (Div. 2)
Codeworks 5 questions per day (1700 average) - day 5
15 methods in "understand series after reading" teach you to play with strings
Codeforces Round #804 (Div. 2)