当前位置：首页 > article >正文

Layui的select控件的onchange事件无效的解决方法

article 2024/11/26 8:45:10

举例：

<select id="UserID" class="my-css" lay-filter="onchange">
    <option value="">请选择</option>
    <option value="117">张三</option>
    <option value="92">李四</option>
    <option value="90">王五</option>
    <option value="12">赵六</option>
    <option value="80">田七</option>
</select>

<script>
    layui.use(['form'], function () {
        var form = layui.form;
        // 监听select的change事件
        form.on('select(onchange)', function (data) {
            // 获取被选中的值    
            var value = data.value;
            // 在这里执行你需要的操作...
            console.log('Selected value:', value);
            //函数方法function 
            PageList();
        });
    });
</script>

说明：

select 控件添加layui属性： lay-filter="onchange" ,其中字符串 onchange 可以是任意字符串

然后在 layui的 form.on('select(onchange)',function(date){ //.....调用.... });

查看全文

http://www.kler.cn/a/402578.html