JQuery --- CityPicker入门

最新推荐文章于 2024-04-12 09:41:43 发布

__静禅__

最新推荐文章于 2024-04-12 09:41:43 发布

阅读量2.1k

点赞数

分类专栏： ------ Jquery 前端

本文链接：https://blog.youkuaiyun.com/Ka_Ka314/article/details/79251187

版权

本文介绍了JQuery插件CityPicker，主要用于实现省市区三级联动效果。首先，概述了CityPicker的基本功能，并提供了官网下载链接。接着，详细说明了环境准备步骤，包括将必要的js、css、image文件引入项目。然后，逐步讲解了CityPicker的使用方法，包括基于HTML和JS的方式，以及如何实现重置和赋值功能。注意在使用赋值功能前需要先执行reset和destroy方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、CityPicker简介

CityPicker是省市区三级联动JQuery插件

CityPicker官网下载地址：

http://tshi0912.github.io/city-picker/

二、环境准备

2.1 复制dist下的js、css、image到项目中

2.2 引入文件

<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="../js/citypicker/city-picker.data.js"></script>
    <script type="text/javascript" src="../js/citypicker/city-picker.js"></script>
    <link rel="stylesheet" href="../css/city-picker.css"/>

三、简单使用

3.1 基于HTML的方式使用CityPicker