总要去做些什么 2021-08-19 10:44 采纳率: 50%
浏览 519
已结题

city-picker城市选择器，如何在选择区县后触发事件，并获取当前选择城市对应的值

img
GitHub - tshi0912/city-picker: 下拉面板式省市区三级联动jquery插件，视觉更清爽，交互体验更友好。 下拉面板式省市区三级联动jquery插件，视觉更清爽，交互体验更友好。. Contribute to tshi0912/city-picker development by creating an account on GitHub. https://github.com/tshi0912/city-picker
github上开源组件。
如何在选择区县后，触发事件并获取到对于的值

  • 写回答

1条回答 默认 最新

  • CSDN专家-showbo 2021-08-19 11:24
    关注

    api好像没提供此类事件，可以给district 容器的选项添加click事件就行，有帮助麻烦点个采纳【本回答右上角】，谢谢~~有其他问题可以继续交流~

    img

    <!doctype html>
<meta charset="utf-8"/>
<link href="css/city-picker.css" type="text/css" rel="stylesheet" />
<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script src="js/city-picker.data.js"></script>
<script src="js/city-picker.js"></script>
<div style="position:relative;">
    <input readonly type="text" id="txt" data-toggle="city-picker">
</div>

<script>
    $(document).on('click', 'div.district a', function () {
        alert($(this).text())//县区的内容
        alert($('#txt').val())//选择的全部内容
    });
</script>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • html表单选择城市,基于weui的城市选择器（city-picker）
    2021-06-11 10:44
    就叫考拉北极熊吧的博客 基于weui的城市选择器(city-picker)前言最近在用weui做一个移动端的项目，有个城市选择器的需求，但是weui原生并不支持，需要自定义实现，查了一些资料，需求完美实现，下面分享下实现过程。效果先看下最终的效果：...
  • city-picker.js小文件
    2022-04-28 08:42
    《layui城市选择器——city-picker.js详解》 在前端开发中，用户界面的交互性和用户体验是至关重要的。layui是一款优秀的轻量级前端框架，它以其简洁的API和强大的功能受到许多开发者的喜爱。本文将详细解析基于...
  • citypicker:城市选择器
    2021-07-21 12:41
    城市选择器（CityPicker）是一种常见的前端交互组件，主要用于用户在网页上快速、方便地选择中国各个省份和城市。在JavaScript编程中，CityPicker扮演着重要角色，它简化了处理地理区域选择的复杂性，提供了良好的...
  • ios-城市选择器.zip
    2019-07-11 19:04
    在iOS应用开发中，城市选择器（City Picker）是一个常见的组件，用于让用户便捷地选取所需的地级市或区县。这个“ios-城市选择器.zip”压缩包很可能包含了一个实现城市选择功能的代码库或者示例项目。在这个场景中，...
  • mpvue微信小程序多列选择器用法之省份城市选择的实现
    2020-10-17 07:59
    5. `@change`事件在选择确认后触发，我们可以通过`e.mp.detail.value`获取选中的索引值。 6. `@columnchange`事件在滚动每一列时触发，可以获取到改变的列（`e.mp.detail.column`）和对应的值（`e.mp.detail.value`...
  • 小程序城市选择器省市区三级联动
    2019-08-10 07:24
    在城市选择器中，根据当前选中的省、市，动态显示对应的下级选项。 4. **组件化编程**：微信小程序支持自定义组件，可以将城市选择器封装为一个独立的组件，提高代码复用性和模块化。组件内部有自己的数据、方法和...
  • city-picker-master.zip
    2017-09-11 16:53
    城市选择器（City Picker）是一种常见于Web应用和移动应用中的组件，用于让用户方便地选择省份、城市和区域。在本案例中，"city-picker-master.zip"是一个包含实现这种功能的完整代码资源的压缩包，适用于开发人员在...
  • CityPicker城市选择器
    2018-10-08 18:04
    CityPicker城市选择器是一款在移动应用开发中常用的组件，它主要功能是为用户提供方便快捷的选择城市的功能。在iOS和Android平台上，开发者经常会遇到需要让用户选择地址的场景，例如注册、填写收货地址等，这时...
  • 实现四级联动城市选择器的citypicker特效代码
    2025-05-22 13:55
    息相吹的博客 本章节将介绍四级联动城市选择器的基本概念、功能特点以及它在前端开发中的应用场景。城市选择器是前端界面中常用于地址选择、定位等功能的组件。四级联动城市选择器特别适用于需要精确到城市级别定位的应用场景。它...
  • Android城市选择器源码
    2016-10-17 13:53
    在Android应用开发中，城市选择器是一个常见的组件，主要用于用户选择他们的出生地、居住地或者目的地等。这个组件通常会包含省、市、区（县）三级或两级联动的结构，以便用户能快速准确地找到他们想要选择的城市。...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 8月27日
  • 已采纳回答 8月19日
  • 创建了问题 8月19日