MUI 级联选择器 第二级回显

MUI 级联选择器 第二级回显

多级选择: 使用setSelectedValue选择默认值时, 第二级需要延时写入

效果查看

<input type="text" placeholder="请选择区县" readonly class="screen_quxian screen_quxian_shop">

let active_sele = ''
let active_sele_1 = ''
$('.screen_shop').on('click', function () {
	// 接口返回的数据 需要自己做下处理 基本结构参照mui文档
    let data = ADRESSLISTCHECK(ADRESSLIST)
    let picker = new mui.PopPicker({
        layer: 2
    });
    picker.setData(data)
    // 回显
    active_sele ? picker.pickers[0].setSelectedValue(active_sele) : picker.pickers[0].setSelectedIndex(1)
    setTimeout(function () {
        active_sele_1 ? picker.pickers[1].setSelectedValue(active_sele_1) : 		 			  		   picker.pickers[1].setSelectedIndex(1)
    }, 100)

    picker.show(function (SelectedItem) {
        if (!SelectedItem.length) return
        // 将选择的值保存 下次回显
        active_sele = SelectedItem[0].value
        active_sele_1 = SelectedItem[1].value
        // 展示到输入框选择的数据
        $('.screen_quxian_shop').val(SelectedItem[0].name + '/' + SelectedItem[1].name)
		//  Do your function
		····
		// 销毁实例
        picker.dispose()
    })
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值