layui获取select的option后设置选中、只读不可操作

今天找了一天最后结合某个网友的方法重新写了个方法

//contype 为查询出来select的值
if(contype){
    //设置动态获取option后选中
	$('select[name="contype"]').next().find('.layui-anim')
     			.children('dd[lay-value="'+contype+'"]').click();
	//根据状态判断只读
	if(status=='search'){
		//设置disabled属性也可以实现只读,但是字体是灰白色  看不清 
	    //$('#contype').attr('disabled',"disabled");
		//获取到layui渲染select时的input直接设置值
		$('.layui-select-title').find("input").val(contype);
		//删除掉原来的select
		$('#contype').remove();

            //第二天发现只remove原生select有一定几率失败,所以新加删除 dl
            $('dl').remove();
      }
}

后续业务又有相关【select只读】需求对上面代码进行了优化

if(assetstype){
    var opttext=$('select[name="assetstype"]').find("option:selected").text();
    $('select[name="assetstype"]').next().find("input").val(opttext);
    $('#assetstype').remove();
	$('dl').remove();
}

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值