基于Bootstrap的地区选择器

本文详细介绍了 distpicker 地址选择器的使用方法,包括如何初始化选择器并预设地址,以及如何通过点击按钮重置或销毁选择器。此外,还展示了不同配置选项的效果,如禁用占位符和自动选择功能。

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

代码如下:

main.js的代码

$(function () {

  'use strict';

  var $distpicker = $('#distpicker');

  $distpicker.distpicker({

    province: '福建省',

    city: '厦门市',

    district: '思明区'

  });

  $('#reset').click(function () {

    $distpicker.distpicker('reset');

  });

  $('#reset-deep').click(function () {

    $distpicker.distpicker('reset', true);

  });

  $('#destroy').click(function () {

    $distpicker.distpicker('destroy');

  });

  $('#distpicker1').distpicker();

  $('#distpicker2').distpicker({

    province: '---- 所在省 ----',

    city: '---- 所在市 ----',

    district: '---- 所在区 ----'

  });

  $('#distpicker3').distpicker({

    province: '浙江省',

    city: '杭州市',

    district: '西湖区'

  });

  $('#distpicker4').distpicker({

    placeholder: false

  });

  $('#distpicker5').distpicker({

    autoSelect: false

  });

});

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值