jquery select2 级联 赋值

 刚刚接触jquery 不久,使用过程中需要对级联的select2 进行赋值:$('#XX').val(x).trigger("change"); 会触发$('#XX')的onchange 时间刷新下级select,所以对下级的select赋值不是很方面。想了半天也没有找打好的办法,开始尝试修改select2插件,终于实现了对下级select的赋值。方法不是很好,希望得到改善。

方法如下:

   1.查看select2 的js文件,发现Select2.prototype._registerDomEvents方法注册事件,其中 self.dataAdapter.current 方法设置当前选中项,而且为"change.select2"事件注册了elf.dataAdapter.current方法,所以select2通过  this.$element self.trigger('change')触发选中事件。

   2.为了使onchange 上级select改变选中时不触发原有的"onchange"事件,可以考虑为其注册新的事件,当选中改变时触发该事件。所以这里注册了change2事件

    this.$element.on('change2.select2', function () {
        self.dataAdapter.current(function (data) {
            self.trigger('selection:update', {
                data: data
            });
        });
    });

    当对上级select赋值时选择触发change2:$('#XX').val(x).trigger("change2");事件即可完成赋值,又不会触发原来的onchange事件。

     

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值