layui select下拉框监听值变化 layui 下拉列表的change事件

layui下拉列表的事件不能用jq的change 应该用自带的方式写

默认状况下，事件所监听的是所有的form模块元素，但若是你只想监听某一个元素，使用事件过滤器便可。html

如：<select lay-filter="test"></select>app

监听select函数

下拉选择框被选中时触发，回调函数返回一个object参数，携带两个成员：
ui

注意：form.render('select');渲染一下否则你的操做仍是不生效 select不是选择器表示渲染下拉列表不写表示全部表单都渲染this

语法以下spa

form.on('select(filter)', function(data){
console.log(data.elem); //获得select原始DOM对象
console.log(data.value); //获得被选中的值
console.log(data.othis); //获得美化后的DOM对象
});

form.on('select(search_type)', function(data){
    var html_one='<option value="1">充值</option><option value="2">还本付息</option>';
    if(data.value == 1){
        $("#search_detail").html(html_one);
        form.render('select');
    }else if(data.value == 2){
        var html_two='<option value="3">提现</option><option value="4">购买产品</option>';
        $("#search_detail").html(html_two);
        form.render('select');//select是固定写法 不是选择器
    }

});

上图的search_type就是下拉列表的lat-filter参数的值code

lay-filter="search_type"orm

<div class="layui-form-item">
               <label for="type" class="layui-form-label">
                   <span class="x-red">*</span>所属地区
               </label>
               <div class="layui-input-inline">
                   <select id="regionId" name="regionId" lay-verify="required|type" lay-filter="search_type">
                   </select>
               </div>
           </div>