zoukankan      html  css  js  c++  java
  • jQuery地址选择插件distpicker使用记录

    今天使用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. 本想设置初始值”—请选择—”,结果多次尝试,以失败告终。

  • 相关阅读:
    编辑器1.0
    react native定报预披项目知识点总结
    placeholder中文字添加换行方法
    ios端position为fixed失效的解决办法
    利用fis3构建前端项目工程
    webpack学习记录
    webpack学习记录-认识loader(二)
    webpack学习记录-初步体验(一)
    去抖(节流)
    css布局:左边定宽、右边自适应
  • 原文地址:https://www.cnblogs.com/SofuBlue/p/9854644.html
Copyright © 2011-2022 走看看