distpicker使用记录

来源:互联网 发布:图像在线批处理软件 编辑:程序博客网 时间:2024/06/09 23:43

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