jQuery Distpicker插件 省市区三级联动 动态赋值修改地址

孟成化
2023-12-01

在获取创建页面数据后需要在编辑页面调取之前提交的数据,在使用这个插件后发现无法动态赋值,查找资料后发现需要先销毁实例,$(’#target’).distpicker(‘destroy’);

第一步 引入js文件

<script src="js/distpicker.data.js"></script>
<script src="js/distpicker.js"></script>

第二部HTML代码

<div data-toggle="distpicker" id="target">
    <select id="province"></select>
    <select id="city"></select>
    <select id="district"></select>
</div>

第三部js代码

$('#target').distpicker('destroy');//销毁实例
$('#target').distpicker({//动态赋值
       province: data.province,
       city: data.city,
       district: data.district
});

 



转载于:https://www.cnblogs.com/interdrp/p/10700667.html

 类似资料: