基于citypicker做四级联动，数据异步获取，动态赋值

查看演示立即下载

插件描述：参照、修改citypicker做四级联动，数据异步获取，动态赋值

$('#div').picker({
       placeholder:"请选择文件1231位置",
       data: function (type, code, callback) {
           console.log(type);
           console.log(code);
           // 有需要可换成 ajax... 可根据参数动态获取，格式要按返回
           if (type == 'level1') {
               return callback([{
                   code: "89",
                   name: "财务部"
               }, {
                   code: "90",
                   name: "技术部"
               }, {
                   code: "91",
                   name: "总经理室"
               }]);
           } else if (type == 'level2') {
               return callback([{
                   code: "1",
                   name: "文件柜11"
               }, {
                   code: "2",
                   name: "文件柜12"
               }, {
                   code: "3",
                   name: "文件柜13"
               }]);
           } else if (type == 'level3') {
               return callback([{
                   code: "1",
                   name: "21文件箱"
               }, {
                   code: "2",
                   name: "22文件箱"
               }, {
                   code: "3",
                   name: "23文件箱"
               }]);
           } else if (type == 'level4') {
               return callback([{
                   code: "1",
                   name: "31文件格"
               }, {
                   code: "2",
                   name: "32文件格"
               }, {
                   code: "3",
                   name: "33文件格"
               }]);
           }
       },
       level1: {name: '财务部', code: '89'},// 修改时传入
       level2: {name: '文件柜12', code: '2'},// 修改时传入
       level3: {name: '22文件箱', code: '2'},// 修改时传入
       level4: {name: '33文件格', code: '3'},// 修改时传入
       callback: function (data) {
           // 数据回调
           console.log(data);
       }
   });
 
       // 获取哪个传那个 level1 level2 level3 level4
      $('#div').data('picker').getCode('level4'));
    
 
// 销毁
       $('#div').picker('destroy');
    
 
  // 重置
       $('#div').picker('reset');

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：动态数据表格插件ZBTable（原创）
下一个特效： jQuery多级联动插件(单选多选)tntreebox插件