Layui 使用 citypicker 省市区级联选择地址或赋值或回显数据

路漫漫学无涯

于 2022-06-16 13:19:23 发布

阅读量1.2k

点赞数

文章标签： layui javascript jquery

本文链接：https://blog.csdn.net/Fun12306/article/details/125313887

版权

本文介绍了如何在项目中使用Layui的city-picker插件进行省市区级联选择的实现，提供了源码下载链接以及页面实际效果的展示，帮助开发者快速理解和应用。

摘要由CSDN通过智能技术生成

文章目录

一、源码下载
二、代码Demo

一、源码下载

city-picker 插件源码（0积分下载）
https://download.csdn.net/download/Fun12306/85657435

我的项目结构如下
在这里插入图片描述
页面效果

二、代码Demo

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>layui</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" media="all">
		<link rel="stylesheet" href="../../css/public.css" media="all">
		<script src="../../layui_exts/city-picker/city-picker.data.js"></script>
		<link rel="stylesheet" type="text/css" href="../../layui_exts/city-picker/city-picker.css">
		<style>
			body {
     
				background-color: #ffffff;
			}

			
		</style>
	</head>
	<body>

		<div class="layui-container">
			<div class="layui-form layui-form-pane">
				
				<!--隐藏输入框 用来存放修改id-->
				<input id="addr1" name="addr1" type="hidden" class