layui的使用归纳

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/messicr7/article/details/85004638

一、layui select change事件

layui下拉列表的事件不能用jq的change 应该用自带的方式写，默认情况下，事件所监听的是全部的form模块元素，但如果你只想监听某一个元素，使用事件过滤器即可。

<select  lay-filter="isInfluenceBusiness">

<select name="isInfluenceBusiness" id="isInfluenceBusiness " lay-verify="required" lay-filter="isInfluenceBusiness" lay-search="">
    <option value="" selected>请选择</option>
    <option value="1">是</option>
    <option value="0">否</option>
</select>

layui.use(['element', 'form', 'layedit', 'laydate', 'layer'], function () {
    var form = layui.form, //其实就用了这个
        layer = layui.layer, 
        layedit = layui.layedit, 
        laydate = layui.laydate, 
        date = new Date(), 
        element = layui.element;
    //是否影响业务类型
    form.on('select(isInfluenceBusiness)',function(data){

        console.log(data.elem); //得到select原始DOM对象
        console.log(data.value); //得到被选中的值
        console.log(data.othis); //得到美化后的DOM对象

        var select_val = data.value;
        if(select_val == '1'){
            $(".in-business-display").css("display","table-row");//处理逻辑
        }else{
            $(".in-business-display").css("display","none");
        }
        form.render('select'); //一定要渲染一下
    });
});