jQuery Distpicker 解决用代码修改地址时遇到的问题

赵永新
2023-12-01

这几天用到了JQ 的Distpicker 这个JS, 那么我就遇到了这么个问题。不知道你们遇没遇到过,就是在选地址后,用代码进行更换地址 起不到效果 ,我百度也没有一个很好的答案。所以特意发个博客 将我的处理办法写出来 ,避免更多使用这个插件的人遇到跟我一样的问题 。那么废话不多说 直接上代码

distpicker 的初始化与基本使用我就不讲解了,下面是几种初始方法

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

或

$('#target').distpicker({
  province: '---- 所在省 ----',
  city: '---- 所在市 ----',
  district: '---- 所在区 ----'
});

那么重点来了。初始化之后就生成了实例对象。如果这个时候用代码改变省市区该怎么做呢
我试过了

$('target').distpicker('reset');

发现这个只是重置你原先手选的选项而已
那麽如何用代码 强制让distpicker选择到你需要的地址呢
其实也很简单

$('target').distpicker('destroy');

这个的作用是什么呢
顾名思义 这个就是销毁实例的作用
那么你只需要在需要用代码设置地址时 在它前面加个销毁的方法就好啦

$('target').distpicker('destroy');
$('#target').distpicker({
  province: '---- 你需要选择的省 ----',
  city: '----你需要选择的城市 ----',
  district: '---- 你需要选择的区 ----'
});
 类似资料: