今天使用distpicker遇到了一些问题,记录一下。 
插件地址

使用说明

  1. 需要引入的 js 文件

    <script type="text/javascript" src="./././js/jquery/distpicker.data.js"></script>
    <script type="text/javascript" src="./././js/jquery/distpicker.js"></script>
    <script type="text/javascript" src="./././js/jquery/main.js"></script>

  2. 页面dom
    <div data-toggle="distpicker"><select id="eprovinceName" data-province="浙江省" name="provinceName"></select><select id="ecityName" data-city="杭州市" name="cityName"></select><select id="edistrictName" data-district="西湖区" name="districtName"></select></div>

  3. js 初始化
    $(function(){
    $("#distpicker").distpicker('destroy');
    $("#distpicker").distpicker({province: '省份名',city: '城市名',district: '区名',autoSelect: true,placeholder: false
    });
    });

  4. 数据回显
    $("#eprovinceName").val(data.provinceName);$("#eprovinceName").trigger("change");$("#ecityName").val(data.cityName);$("#ecityName").trigger("change");$("#edistrictName").val(data.districtName);$("#edetailAddress").val(data.detailAddress);

    遇到的问题

    1. 我最开始导入的是distpicker.min.js和distpicker.data.min.js 结果报错无法使用,更换非压缩板OK;
    2. 本想设置初始值”—请选择—”,结果多次尝试,以失败告终。

转载于:https://www.cnblogs.com/SofuBlue/p/9854644.html

distpicker使用记录相关推荐

  1. 使用SpringBoot编写电脑商城项目笔记(每一步都详细记录,前后端数据交互使用html+ajax+json)

    项目环境 JDK1.8 Maven3.8.3 Tomcat9.0.54 Mysql8.0 技术栈:springboot+mybatis+mysql+html+javascript+css+json+j ...

  2. vue - Distpicker 地区选择器

    vue - Distpicker 地区选择器 安装使用记录 安装 npm install v-distpicker --save 使用 全局引用 import VDistpicker from 'v- ...

  3. mysql建立联合索引,mysql建立唯一键,mysql如何解决重复记录联合索引

    在项目中,常常要用到联合唯一   在一些配置表中,一些列的组合成为一条记录.   比如,在游戏中,游戏的分区和用户id会形成一条记录.(比如,一个qq用户可以在艾欧尼亚.德玛西亚创建两个账号) 添加联 ...

  4. 实现 连续15签到记录_MySQL和Redis实现用户签到,你喜欢怎么实现?

    现在的网站和app开发中,签到是一个很常见的功能 如微博签到送积分,签到排行榜 微博签到 如移动app ,签到送流量等活动, 移动app签到 用户签到是提高用户粘性的有效手段,用的好能事半功倍! 下面 ...

  5. 记录一次http请求失败的问题分析

    问题背景 当前我有一个基于Flask编写的Restful服务,由于业务的需求,我需要将该服务打包成docker 镜像进行离线部署,原始服务的端口是在6661端口进行开启,为了区分,在docker中启动 ...

  6. Pytorch学习记录-torchtext和Pytorch的实例( 使用神经网络训练Seq2Seq代码)

    Pytorch学习记录-torchtext和Pytorch的实例1 0. PyTorch Seq2Seq项目介绍 1. 使用神经网络训练Seq2Seq 1.1 简介,对论文中公式的解读 1.2 数据预 ...

  7. LeetCode简单题之学生出勤记录 I

    题目 给你一个字符串 s 表示一个学生的出勤记录,其中的每个字符用来标记当天的出勤情况(缺勤.迟到.到场).记录中只含下面三种字符: 'A':Absent,缺勤 'L':Late,迟到 'P':Pre ...

  8. 关于TVM的点滴记录

    关于TVM的点滴记录

  9. MySql数据库Update批量更新与批量更新多条记录的不同值实现方法

    批量更新 mysql更新语句很简单,更新一条数据的某个字段,一般这样写: UPDATE mytable SET myfield = 'value' WHERE other_field = 'other ...

  10. 记录篇,自己在项目中使用过的。

    图片选择器,6.0已经适配过,类似qq空间上传 点击打开链接_胡小牧记录 下面是效果图: PictureSelector PhotoPicker 类似qq空间发布心情. 点击打开链接 BubbleSe ...

最新文章

  1. mysql+1.6安装,CentOS 7.0编译安装Nginx1.6.0+MySQL5.6.19+PHP5.5.14方法
  2. C#中将表示颜色的string转换成Color
  3. boost::intrusive::get_parent_from_member用法的测试程序
  4. MyEclipse的Git配置
  5. java eav_动态自定义字段属性–Magento的EAV模型 | 学步园
  6. 理解Java机制最受欢迎的8幅图
  7. Excel VBA获取当文件下级子目录或目录中文件
  8. ping命令的作用。
  9. pthread_cond_timedwait方法Linux时间编程
  10. 基于JAVA便利店库存管理计算机毕业设计源码+系统+lw文档+部署
  11. 机械动力学瑞利法matlab程序,机器人学回炉重造(4):动力学仿真(附牛顿-欧拉递归逆动力学算法matlab代码)...
  12. 帮老婆系列-关于计算Excel表去除指定时间段后的时间差
  13. HAL库 output level 和 pull up/ pull down 的区别
  14. Springboot+vue调查问卷管理系统(带论文)
  15. SAP中通过生产版本有效期控制物料生产入库分析测试
  16. 锐捷NBR路由器 EWEB网管系统 远程命令执行漏洞 + GetShell
  17. 用OneNote打造全平台的数字笔记本
  18. 我还能从中国男子足球队得到快乐吗?
  19. 2018 (天津)新能源汽车三电系统技术发展交流大会暨汽车轻量化技术开发与材料应用论坛
  20. 商场计算机管理系统,计算机专业毕业论文商场管理系统—数据库设计及人事管理模块设计.doc...

热门文章

  1. 什么是瑞利分布和准静态平坦衰落信道?
  2. Java 运行环境安装(JRE JDK 区别)
  3. fw325r没有虚拟服务器,FAST FW325R配置教程
  4. Android Activity 硬件加速
  5. 计算机五大类型,操作系统目前有五大类型
  6. Linux常用软件包(常用命令)
  7. tcp流式传输_收听互联网广播以及下载和流式传输免费音乐的最佳网站
  8. 一级注册结构工程师《基础考试》题库历年真题
  9. 用计算机探究规律的教学反思,《找规律》教学反思(精选11篇)
  10. 计算机网络Flash教学课件,flash动画教学课件